fix: readonly

manGoweb · Aug 31, 2024 · 1202815 · 1202815
1 parent 0c97c5b
commit 1202815
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/lib/plate-readonly.tsx b/lib/plate-readonly.tsx
@@ -3,16 +3,21 @@
 import './styles/globals.css'
 
 import { Editor } from './components/plate-ui/editor'
-import { Plate } from '@udecode/plate-common/react'
+import { Plate, usePlateEditor } from '@udecode/plate-common/react'
 
 import type { PlateEditorProps } from './plate'
-import { createEditor } from './plugins'
+import { plugins } from './plugins'
 
 const PlateEditorReadonly = (props: PlateEditorProps) => {
   const { value, className, children } = props
 
+  const editor = usePlateEditor({
+    value,
+    ...plugins,
+  })
+
   return (
-    <Plate {...props} editor={createEditor(value)} readOnly>
+    <Plate {...props} editor={editor} readOnly>
       <Editor className={className} readOnly />
       {children}
     </Plate>