Convert Slate JSON to React JSX
Config: Default (Dom), Default (React).
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
<SlateToReact>
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.'
}
]
}
]
}