@writergate/quill-image-uploader-nextjs 0.0.11 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@writergate/quill-image-uploader-nextjs",
-  "version": "0.0.11",
+  "version": "0.0.15",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/enlear/quill-image-uploader-nextjs.git"

package/src/quill.imageUploader.js

@@ -14,6 +14,7 @@ class ImageUploader {
         var toolbar = this.quill.getModule("toolbar");
         toolbar.addHandler("image", this.selectLocalImage.bind(this));
         toolbar.addHandler("code-block", this.fixHighlighter.bind(this));
+        toolbar.addHandler("clean", this.clean.bind(this));
 
         this.handleDrop = this.handleDrop.bind(this);
         this.handlePaste = this.handlePaste.bind(this);
@@ -28,29 +29,21 @@ class ImageUploader {
         const formats = this.quill.getFormat(range);
         // if its not a code-block yet, turn it into one.
         if (!formats['code-block']) {
-            return this.quill.format(range.index, range.length, 'code-block', 'user');
+            return this.quill.formatLine(range.index, range.length, 'code-block', 'user');
         };
 
         // if it was a code-block, and the user meant to remove it
-        // then do all the work we did up top in the keybinding function
-        this.quill.format(range.index, range.length, 'code-block', false, 'user');
-        const { domNode } = this.quill.getLines(range.index, range.length)[0];
-        let nodes = [domNode];
-
-        while (nodes.length > 0) {
-            const node = nodes.shift();
-            // first append children to queue
-            nodes = nodes.concat(Array.from(node.children));
-
-            // go through class list of current node removing its "hljs" classes
-            for (let i = 0; i < node.classList.length; i++) {
-                const c = node.classList[i];
-                if (c.indexOf('hljs') >= 0) {
-                    node.classList.remove(c);
-                    i--;
-                }
-            }
-        }
+        this.quill.removeFormat(range.index, range.length, 'user');
+        // running it twise to remove colors
+        this.quill.removeFormat(range.index, range.length, 'user');
+    }
+
+    clean() {
+        const range = this.quill.getSelection(true);
+        const formats = this.quill.getFormat(range);
+        // running it twise to remove colors
+        this.quill.removeFormat(range.index, range.length, 'user');
+        this.quill.removeFormat(range.index, range.length, 'user');
     }
 
     selectLocalImage() {