mirror of
https://github.com/ianstormtaylor/slate.git
synced 2025-01-17 13:38:37 +01:00
01dc30b81d
* chore: moved all ts files for examples to examples/ts * add: tsc to eject js and jsx output * example: add js transpiled examples * example: update example site to show both js and ts code * chore: fix yarn lint * fix(example): getAllExamplesPath
24 lines
613 B
JavaScript
24 lines
613 B
JavaScript
import React, { useMemo } from 'react'
|
|
import { createEditor } from 'slate'
|
|
import { Slate, Editable, withReact } from 'slate-react'
|
|
|
|
const ReadOnlyExample = () => {
|
|
const editor = useMemo(() => withReact(createEditor()), [])
|
|
return (
|
|
<Slate editor={editor} initialValue={initialValue}>
|
|
<Editable readOnly placeholder="Enter some plain text..." />
|
|
</Slate>
|
|
)
|
|
}
|
|
const initialValue = [
|
|
{
|
|
type: 'paragraph',
|
|
children: [
|
|
{
|
|
text: 'This example shows what happens when the Editor is set to readOnly, it is not editable',
|
|
},
|
|
],
|
|
},
|
|
]
|
|
export default ReadOnlyExample
|