fix(editor): don't allow text outside the source code mode code block (…

…#674)
ocavue · Jun 27, 2021 · 284e982 · 284e982
1 parent 65d341e
commit 284e982
Show file tree

Hide file tree

Showing 3 changed files with 167 additions and 163 deletions.
diff --git a/packages/editor/package.json b/packages/editor/package.json
@@ -20,6 +20,7 @@
         "@remirror/dev": "0.0.0-pr706.35",
         "@remirror/extension-blockquote": "0.0.0-pr706.35",
         "@remirror/extension-codemirror5": "0.0.0-pr706.35",
+        "@remirror/extension-doc": "0.0.0-pr706.35",
         "@remirror/extension-hard-break": "0.0.0-pr706.35",
         "@remirror/extension-heading": "0.0.0-pr706.35",
         "@remirror/extension-horizontal-rule": "0.0.0-pr706.35",

diff --git a/packages/editor/src/components/source-code/manager.ts b/packages/editor/src/components/source-code/manager.ts
@@ -1,11 +1,15 @@
+import { DocExtension } from "@remirror/extension-doc"
 import { useRemirror } from "@remirror/react"
 import CodeMirror from "codemirror"
 
 import { RinoCodeBlockExtension } from "../../extensions"
 
 export function useSourceCodeRemirror() {
     return useRemirror({
-        extensions: () => [new RinoCodeBlockExtension({ CodeMirror, defaultCodeMirrorConfig: { mode: "text/x-markdown" } })],
+        extensions: () => [
+            new DocExtension({ content: "codeMirror" }),
+            new RinoCodeBlockExtension({ CodeMirror, defaultCodeMirrorConfig: { mode: "text/x-markdown" } }),
+        ],
     })
 }