Dashboard
View project on npmView project on GitHub

Convert Slate JSON to React JSX

Default

slateToReact

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.

slateToReact

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
    &lt;SlateToReact&gt;
    component.
{
	children: [
		{
			text: 'slateToReact'
		}
	],
	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.'
				}
			]
		}
	]
}