Merge pull request #366 from thematters/fix/clipboard-use-docs-soap

fix/clipboard: use docsSoap to prepare html from google doc
thematters · Oct 11, 2021 · 8567320 · 8567320
2 parents c863021 + 95f009f
commit 8567320
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
   "dependencies": {
     "autosize": "^4.0.2",
     "classnames": "^2.2.6",
+    "docs-soap": "^1.2.1",
     "react-quill": "^1.3.3"
   },
   "devDependencies": {

diff --git a/src/modules/clipboard.ts b/src/modules/clipboard.ts
@@ -1,5 +1,7 @@
 import { Quill } from 'react-quill'
 
+import { docsSoap } from 'docs-soap'
+
 import createImageMatcher from '../matchers/createImage'
 import { isSafari } from '../utils/browser'
 import { dom } from '../utils/dom'
@@ -46,7 +48,8 @@ class RemadeClipboard extends Clipboard {
     event.stopPropagation()
 
     const formats = this.quill.getFormat(this.quill.selection.savedRange.index)
-    const html = event.clipboardData.getData('text/html')
+    const htmlRaw = event.clipboardData.getData('text/html')
+    const html = docsSoap(htmlRaw) // Needed for Google docs
     const text = event.clipboardData.getData('text/plain')
 
     let delta = new Delta().retain(range.index)