editor: preserve all whitespaces while setting content (#1978)

Co-authored-by: Abdullah Atta <abdullahatta@streetwriters.co>

apps/web/src/components/editor/tiptap.tsx

@@ -142,7 +142,6 @@ function TipTap(props: TipTapProps) {
           const hasText = event.clipboardData?.types?.some((type) =>
             type.startsWith("text/")
           );
-
           // we always give preference to text over files & skip any attached
           // files if there is text.
           // TODO: give user an actionable hint to allow them to select what they
@@ -163,6 +162,7 @@ function TipTap(props: TipTapProps) {
       isMobile: isMobile || false,
       element: editorContainer,
       editable: !readonly,
+      parseOptions: { preserveWhitespace: "full" },
       content,
       autofocus: "start",
       onFocus,
@@ -381,7 +381,7 @@ function toIEditor(editor: Editor): IEditor {
           tr.setMeta("preventSave", true);
           return true;
         })
-        .setContent(content, true)
+        .setContent(content, true, { preserveWhitespace: "full" })
         .setTextSelection({
           from,
           to

packages/editor-mobile/src/components/editor.tsx

@@ -85,6 +85,7 @@ const Tiptap = ({
       editorProps: {
         editable: () => !settings.readonly
       },
+      parseOptions: { preserveWhitespace: "full" },
       content: global.editorController?.content?.current,
       isMobile: true,
       isKeyboardOpen: settings.keyboardShown,

packages/editor-mobile/src/hooks/useEditorController.ts

@@ -115,7 +115,9 @@ export function useEditorController(update: () => void): EditorController {
           htmlContentRef.current = value;
           if (!editor) break;
           const { from, to } = editor.state.selection;
-          editor?.commands.setContent(htmlContentRef.current, false);
+          editor?.commands.setContent(htmlContentRef.current, false, {
+            preserveWhitespace: "full"
+          });
           editor.commands.setTextSelection({
             from,
             to