fix: 🐛

src/components/PostEditor/PostContent.tsx

@@ -104,7 +104,7 @@ export default function PostContent({
         <div className="flex gap-2 items-center">
           <Uploader
             onUploadSuccess={({ url }) => {
-              textareaRef.current?.appendText(url + '\n')
+              textareaRef.current?.appendText(url, true)
             }}
             onUploadingChange={(uploading) =>
               setUploadingFiles((prev) => (uploading ? prev + 1 : prev - 1))

src/components/PostEditor/PostTextarea/ClipboardAndDropHandler.ts

@@ -75,8 +75,15 @@ export const ClipboardAndDropHandler = Extension.create<ClipboardAndDropHandlerO
                 }
               } else if (item.kind === 'string' && item.type === 'text/plain') {
                 item.getAsString((text) => {
-                  const textNode = view.state.schema.text(text)
+                  const { schema } = view.state
-                  const tr = view.state.tr.replaceSelectionWith(textNode)
+                  const parts = text.split('\n')
+                  const nodes = []
+                  for (let i = 0; i < parts.length; i++) {
+                    if (i > 0) nodes.push(schema.nodes.hardBreak.create())
+                    if (parts[i]) nodes.push(schema.text(parts[i]))
+                  }
+                  const fragment = schema.nodes.paragraph.create(null, nodes)
+                  const tr = view.state.tr.replaceSelectionWith(fragment)
                   view.dispatch(tr)
                 })
                 handled = true
@@ -99,8 +106,10 @@ async function uploadFile(view: EditorView, file: File, options: ClipboardAndDro
   options.onUploadStart?.(file)
 
   const placeholder = `[Uploading "${name}"...]`
-  const uploadingNode = view.state.schema.text(placeholder + '\n')
+  const uploadingNode = view.state.schema.text(placeholder)
-  const tr = view.state.tr.replaceSelectionWith(uploadingNode)
+  const hardBreakNode = view.state.schema.nodes.hardBreak.create()
+  let tr = view.state.tr.replaceSelectionWith(uploadingNode)
+  tr = tr.insert(tr.selection.from, hardBreakNode)
   view.dispatch(tr)
 
   mediaUpload

src/components/PostEditor/PostTextarea/index.tsx

@@ -19,7 +19,7 @@ import Preview from './Preview'
 import suggestion from './suggestion'
 
 export type TPostTextareaHandle = {
-  appendText: (text: string) => void
+  appendText: (text: string, addNewline?: boolean) => void
   insertText: (text: string) => void
 }
 
@@ -80,9 +80,9 @@ const PostTextarea = forwardRef<
   })
 
   useImperativeHandle(ref, () => ({
-    appendText: (text: string) => {
+    appendText: (text: string, addNewline = false) => {
       if (editor) {
-        editor
+        let chain = editor
           .chain()
           .focus()
           .command(({ tr, dispatch }) => {
@@ -95,7 +95,10 @@ const PostTextarea = forwardRef<
             return true
           })
           .insertContent(text)
-          .run()
+        if (addNewline) {
+          chain = chain.setHardBreak()
+        }
+        chain.run()
       }
     },
     insertText: (text: string) => {

src/lib/tiptap.ts

@@ -23,6 +23,10 @@ function _parseEditorJsonToText(node?: JSONContent): string {
     return node.text || ''
   }
 
+  if (node.type === 'hardBreak') {
+    return '\n'
+  }
+
   if (Array.isArray(node.content)) {
     return (
       node.content.map(_parseEditorJsonToText).join('') + (node.type === 'paragraph' ? '\n' : '')