Convert Slate JSON to HTML

Edit Slate content

slateToHtml output

<h2>slateToHtml</h2><h3>Demo</h3><p>Try changing the contents of this editor. The rest of the page updates as you make changes to demonstrate:</p><ul><li>the Slate JSON value;</li><li>serialized HTML; and</li><li>re-serialized Slate JSON from the serialized HTML using <code>htmlToSlate</code>.</li></ul>

Slate value

{
	children: [
		{
			text: 'slateToHtml'
		}
	],
	type: 'h2'
}
{
	children: [
		{
			text: 'Demo'
		}
	],
	type: 'h3'
}
{
	type: 'p',
	children: [
		{
			text: 'Try changing the contents of this editor. The rest of the page updates as you make changes to demonstrate:'
		}
	]
}
{
	type: 'ul',
	children: [
		{
			children: [
				{
					text: 'the Slate JSON value;'
				}
			],
			type: 'li'
		},
		{
			type: 'li',
			children: [
				{
					text: 'serialized HTML; and'
				}
			]
		},
		{
			type: 'li',
			children: [
				{
					text: 're-serialized Slate JSON from the serialized HTML using '
				},
				{
					text: 'htmlToSlate',
					code: true
				},
				{
					text: '.'
				}
			]
		}
	]
}

Reserialized with htmlToSlate

{
	type: 'h2',
	children: [
		{
			text: 'slateToHtml'
		}
	]
}
{
	type: 'h3',
	children: [
		{
			text: 'Demo'
		}
	]
}
{
	type: 'p',
	children: [
		{
			text: 'Try changing the contents of this editor. The rest of the page updates as you make changes to demonstrate:'
		}
	]
}
{
	type: 'ul',
	children: [
		{
			type: 'li',
			children: [
				{
					text: 'the Slate JSON value;'
				}
			]
		},
		{
			type: 'li',
			children: [
				{
					text: 'serialized HTML; and'
				}
			]
		},
		{
			type: 'li',
			children: [
				{
					text: 're-serialized Slate JSON from the serialized HTML using '
				},
				{
					text: 'htmlToSlate',
					code: true
				},
				{
					text: '.'
				}
			]
		}
	]
}