fix: preserve whitespace when using insertContent command

ueberdosis · May 19, 2021 · 8f10181 · 8f10181
1 parent c0cbd51
commit 8f10181
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/core/src/commands/insertContentAt.ts b/packages/core/src/commands/insertContentAt.ts
@@ -20,7 +20,11 @@ declare module '@tiptap/core' {
 
 export const insertContentAt: RawCommands['insertContentAt'] = (position, value) => ({ tr, dispatch, editor }) => {
   if (dispatch) {
-    const content = createNodeFromContent(value, editor.schema)
+    const content = createNodeFromContent(value, editor.schema, {
+      parseOptions: {
+        preserveWhitespace: 'full',
+      },
+    })
     const { from, to } = typeof position === 'number'
       ? { from: position, to: position }
       : position

diff --git a/packages/core/src/utilities/elementFromString.ts b/packages/core/src/utilities/elementFromString.ts
@@ -1,3 +1,6 @@
 export default function elementFromString(value: string): HTMLElement {
-  return new window.DOMParser().parseFromString(value, 'text/html').body
+  // add a wrapper to preserve leading and trailing whitespace
+  const wrappedValue = `<body>${value}</body>`
+
+  return new window.DOMParser().parseFromString(wrappedValue, 'text/html').body
 }