fix: handle break in texteditorwidget

RedTurtle · Nov 28, 2023 · 1a59a08 · 1a59a08
1 parent 6b6d118
commit 1a59a08
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 69 deletions.
diff --git a/src/components/ItaliaTheme/manage/Widgets/TextEditorWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/TextEditorWidget.jsx
@@ -136,7 +136,6 @@ const TextEditorWidget = (props) => {
               onChangeBlock(block, {
                 ...data,
                 ...retVal,
-                // TODO: also add html serialized value
               });
             }}
             selected={selected}

diff --git a/src/config/RichTextEditor/ToolbarButtons/TextSizeButton.jsx b/src/config/RichTextEditor/ToolbarButtons/TextSizeButton.jsx
diff --git a/src/config/Slate/handlers.js b/src/config/Slate/handlers.js
@@ -1,4 +1,4 @@
-import { Node } from 'slate';
+import { Node, Editor } from 'slate';
 import {
   goDown,
   goUp,
@@ -175,7 +175,17 @@ const handleBreak = (props) => {
   if (!showToolbar) {
     return breakInSimpleTextEditor(props);
   } else {
-    return softBreak(props);
+    let ret = softBreak(props);
+    if (!ret) {
+      props.event.preventDefault();
+      props.event.stopPropagation();
+      Editor.insertNode(props.editor, {
+        type: 'paragraph',
+        children: [{ text: '' }],
+      });
+      ret = true;
+    }
+    return ret;
   }
 };
 

diff --git a/src/config/Widgets/widgets.js b/src/config/Widgets/widgets.js
@@ -2,7 +2,7 @@ import React from 'react';
 import CharCounterTextareaWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget';
 import CharCounterTextWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget';
 import { DatetimeWidget } from '@plone/volto/config/Widgets';
-import { ArrayWidget, WysiwygWidget } from '@plone/volto/components';
+import { ArrayWidget } from '@plone/volto/components';
 import { MultilingualWidget } from 'volto-multilingual-widget';
 import IconWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/IconWidget';
 import SubsiteSocialLinksWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SubsiteSocialLinksWidget';