fix(editor): correct whitespaces appear

Novout · Oct 15, 2021 · da217d3 · da217d3
1 parent 02f28ef
commit da217d3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/editor/entity/EditorEntityShow.vue b/src/components/editor/entity/EditorEntityShow.vue
@@ -18,6 +18,7 @@
       v-if="!edit"
       ref="show"
       class="overflow-hidden w-full break-words"
+      :style="{ whiteSpace: 'break-spaces' }"
       :class="[
         props.entity.type === 'paragraph' && !edit
           ? style.paragraph.indent
@@ -115,7 +116,7 @@
         block
         break-words
       "
-      :style="{ height }"
+      :style="{ height, whiteSpace: 'break-spaces' }"
       @keypress.enter.prevent="onEnter"
       @keydown="generalHandler"
       @input="onChangeArea"

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -66,6 +66,9 @@ module.exports = {
         "aside": "100",
         "aside-open": "100",
         "min": "-1"
+      }),
+      whiteSpace: theme => ({
+        "some-break": "break-spaces"
       })
     },
     textIndent: {