feat: support image to preview

worktile · Sep 27, 2019 · 6c7f937 · 6c7f937
1 parent a7035fc
commit 6c7f937
Show file tree

Hide file tree

Showing 10 changed files with 30 additions and 16 deletions.
diff --git a/dist/quill.bubble.css b/dist/quill.bubble.css
@@ -1,5 +1,5 @@
 /*!
- * Quill Editor v2.0.10
+ * Quill Editor v2.0.12
  * https://quilljs.com/
  * Copyright (c) 2014, Jason Chen
  * Copyright (c) 2013, salesforce.com

diff --git a/dist/quill.core.css b/dist/quill.core.css
@@ -1,5 +1,5 @@
 /*!
- * Quill Editor v2.0.10
+ * Quill Editor v2.0.12
  * https://quilljs.com/
  * Copyright (c) 2014, Jason Chen
  * Copyright (c) 2013, salesforce.com

diff --git a/dist/quill.core.js b/dist/quill.core.js
diff --git a/dist/quill.js b/dist/quill.js
diff --git a/dist/quill.min.js b/dist/quill.min.js
diff --git a/dist/quill.min.js.map b/dist/quill.min.js.map
diff --git a/dist/quill.snow.css b/dist/quill.snow.css
@@ -1,5 +1,5 @@
 /*!
- * Quill Editor v2.0.10
+ * Quill Editor v2.0.12
  * https://quilljs.com/
  * Copyright (c) 2014, Jason Chen
  * Copyright (c) 2013, salesforce.com

diff --git a/dist/unit.js b/dist/unit.js
diff --git a/formats/image.js b/formats/image.js
@@ -6,10 +6,24 @@ const ATTRIBUTES = ['alt', 'height', 'width'];
 class Image extends EmbedBlot {
   static create(value) {
     const node = super.create(value);
+    const span = document.createElement('span');
     if (typeof value === 'string') {
       node.setAttribute('src', this.sanitize(value));
+      span.setAttribute('href', this.sanitize(value));
+      span.setAttribute('data-fancybox-href', this.sanitize(value.origin));
     }
-    return node;
+    if (value.thumb) {
+      node.setAttribute('src', this.sanitize(value.thumb));
+    }
+    if (value.origin) {
+      span.setAttribute('href', this.sanitize(value.origin));
+      span.setAttribute('data-fancybox-href', this.sanitize(value.origin));
+    }
+    span.setAttribute('data-fancybox-type', 'image');
+    span.setAttribute('data-fancybox-group', 'editor');
+    span.classList.add('fancybox');
+    span.appendChild(node);
+    return span;
   }
 
   static formats(domNode) {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "quill",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "description": "Your powerful, rich text editor",
   "author": "Jason Chen <[email protected]>",
   "homepage": "http://quilljs.com",