add softbreak plugin; fix #304

fxhash · Aug 1, 2022 · 90ba32e · 90ba32e
1 parent 0ae8209
commit 90ba32e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/NFTArticle/SlateEditor/Plugins/SoftBreakPlugin.ts b/src/components/NFTArticle/SlateEditor/Plugins/SoftBreakPlugin.ts
@@ -0,0 +1,12 @@
+import { EnhanceEditorWith } from "../../../../types/ArticleEditor/Editor";
+
+export const withSoftBreak: EnhanceEditorWith = (editor) => {
+  const { insertText } = editor
+
+  editor.insertSoftBreak = () => {
+    insertText('\n')
+    return true;
+  }
+
+  return editor
+}
diff --git a/src/components/NFTArticle/SlateEditor/index.tsx b/src/components/NFTArticle/SlateEditor/index.tsx
@@ -18,6 +18,7 @@ import {
 import { withHistory } from "slate-history"
 import { TezosStorageProps } from "../elements/TezosStorage"
 import { withAutoFormat } from './AutoFormatPlugin/'
+import { withSoftBreak } from './Plugins/SoftBreakPlugin'
 import { withImages } from "./Plugins/SlateImagePlugin"
 import { ImageElement } from "../elements/ImageElement"
 import { onKeyDownHotkeyPlugin } from "./HotkeyPlugin/HotkeyPlugin"
@@ -115,6 +116,7 @@ export const SlateEditor = forwardRef<FxEditor, SlateEditorProps>(({
       { f: withImages },
       { f: withTables },
       { f: withConstraints },
+      { f: withSoftBreak }
     ]
     const enhancedEditor = withs.reduce((e, enhanceWith) => {
       return enhanceWith.f(e, ...Object.values(enhanceWith.args || {}));