Apply quill-resize module

LeeHanYeong · Feb 8, 2022 · 40e3999 · 40e3999
1 parent 23f90a8
commit 40e3999
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 8 deletions.
diff --git a/django_quill/config.py b/django_quill/config.py
@@ -27,19 +27,31 @@
             "debug": False,
             "suppressErrorLogging": True,
         },
-        # quill-image-resize
-        "imageResize": {},
+        # quill-resize
+        "resize": {
+            "showSize": True,
+            "locale": {},
+        },
     },
 }
 MEDIA_JS = [
+    # syntax-highlight
     "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js",
+    # quill
     "https://cdn.quilljs.com/1.3.7/quill.min.js",
-    "https://unpkg.com/[email protected]/dist/quill.imageCompressor.min.js",
-    "https://cdn.jsdelivr.net/npm/[email protected]/image-resize.min.js",
+    # quill-image-compress
+    "https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.imageCompressor.min.js",
+    # quill-resize
+    "https://cdn.jsdelivr.net/npm/@botom/[email protected]/dist/quill-resize-module.min.js",
+    # custom
     "django_quill/django_quill.js",
 ]
 MEDIA_CSS = [
+    # syntax-highlight
     "https://cdn.quilljs.com/1.3.7/quill.snow.css",
     "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/darcula.min.css",
+    # quill-resize
+    "https://cdn.jsdelivr.net/npm/[email protected]/dist/resize.min.css",
+    # custom
     "django_quill/django_quill.css",
 ]
diff --git a/django_quill/static/django_quill/django_quill.css b/django_quill/static/django_quill/django_quill.css
@@ -1,3 +1,9 @@
 div.form-row div.django-quill-widget-container {
     display: inline-block;
+}
+.quill-editor iframe,
+.quill-editor video,
+button.ytp-large-play-button,
+button.ytp-button {
+    pointer-events: none;
 }
diff --git a/django_quill/static/django_quill/django_quill.js b/django_quill/static/django_quill/django_quill.js
@@ -1,4 +1,5 @@
 Quill.register("modules/imageCompressor", imageCompressor);
+Quill.register("modules/resize", window.QuillResizeModule);
 
 class QuillWrapper {
     constructor(targetDivId, targetInputId, quillOptions) {

diff --git a/django_quill/templates/django_quill/media.html b/django_quill/templates/django_quill/media.html
@@ -9,10 +9,10 @@
 <script src="//cdn.quilljs.com/1.3.7/quill.min.js"></script>
 
 <!-- quill-image-compress -->
-<script src="https://unpkg.com/lhy-[email protected].5/dist/quill.imageCompressor.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].21/dist/quill.imageCompressor.min.js"></script>
 
-<!-- quill-image-resize -->
-<script src="https://cdn.jsdelivr.net/npm/quill-image-resize-module@3.0.0/image-resize.min.js"></script>
+<!-- quill-resize -->
+<script src="https://cdn.jsdelivr.net/npm/@botom/quill-resize-module@2.0.0/dist/quill-resize-module.min.js"></script>
 
 <!-- Custom -->
 <link rel="stylesheet" href="{% static 'django_quill/django_quill.css' %}">

diff --git a/version.txt b/version.txt
@@ -1 +1 @@
-0.1.38
+0.1.40