fix: run pasterules for pasted content, fix #2408

ueberdosis · Jan 20, 2022 · bc03c0d · bc03c0d
1 parent 3215d8d
commit bc03c0d
Showing 1 changed file with 36 additions and 7 deletions.
diff --git a/packages/core/src/PasteRule.ts b/packages/core/src/PasteRule.ts
@@ -158,24 +158,53 @@ function run(config: {
  */
 export function pasteRulesPlugin(props: { editor: Editor, rules: PasteRule[] }): Plugin[] {
   const { editor, rules } = props
-  let isProseMirrorHTML = false
+  let dragSourceElement: Element | null = null
+  let isPastedFromProseMirror = false
+  let isDroppedFromProseMirror = false
 
   const plugins = rules.map(rule => {
     return new Plugin({
+      // we register a global drag handler to track the current drag source element
+      view(view) {
+        const handleDragstart = (event: DragEvent) => {
+          dragSourceElement = view.dom.parentElement?.contains(event.target as Element)
+            ? view.dom.parentElement
+            : null
+        }
+
+        window.addEventListener('dragstart', handleDragstart)
+
+        return {
+          destroy() {
+            window.removeEventListener('dragstart', handleDragstart)
+          },
+        }
+      },
+
       props: {
-        handlePaste: (view, event) => {
-          const html = event.clipboardData?.getData('text/html')
+        handleDOMEvents: {
+          drop: view => {
+            isDroppedFromProseMirror = dragSourceElement === view.dom.parentElement
+
+            return false
+          },
 
-          isProseMirrorHTML = !!html?.includes('data-pm-slice')
+          paste: (view, event) => {
+            const html = event.clipboardData?.getData('text/html')
 
-          return false
+            isPastedFromProseMirror = !!html?.includes('data-pm-slice')
+
+            return false
+          },
         },
       },
+
       appendTransaction: (transactions, oldState, state) => {
         const transaction = transactions[0]
+        const isPaste = transaction.getMeta('uiEvent') === 'paste' && !isPastedFromProseMirror
+        const isDrop = transaction.getMeta('uiEvent') === 'drop' && !isDroppedFromProseMirror
 
-        // stop if there is not a paste event
-        if (!transaction.getMeta('paste') || isProseMirrorHTML) {
+        if (!isPaste && !isDrop) {
           return
         }