Dashboard
View project on npmView project on GitHub

Convert Slate JSON to React JSX using slateToTemplate

Default

slateToTemplate

Demo

Try changing the contents of this editor. The rest of the page updates as you make changes to demonstrate:

  • the Slate JSON value;
  • content rendered using the <SlateToReact> component.

slateToTemplate

Demo

Try changing the contents of this editor. The rest of the page updates as you make changes to demonstrate:

  • the Slate JSON value;
  • content rendered using the
    <SlateToReact>
    component.
{
	children: [
		{
			text: 'slateToTemplate'
		}
	],
	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: 'content rendered using the '
				},
				{
					text: '<SlateToReact>',
					code: true
				},
				{
					text: ' component.'
				}
			]
		}
	]
}