fix quill not mounting to modals

2pisoftware · Oct 11, 2024 · 870a70d · 870a70d
1 parent e571459
commit 870a70d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/system/templates/base/package-lock.json b/system/templates/base/package-lock.json
diff --git a/system/templates/base/package.json b/system/templates/base/package.json
@@ -23,6 +23,7 @@
     "codemirror": "^6.0.1",
     "jquery": "^3.7.1",
     "quill": "^2.0.2",
+    "sortablejs": "^1.15.3",
     "tom-select": "^2.2.2",
     "typescript": "^4.9.5",
     "vue": "^2.7.14",

diff --git a/system/templates/base/src/js/components/QuillEditor.ts b/system/templates/base/src/js/components/QuillEditor.ts
@@ -9,14 +9,14 @@ export class QuillEditor {
 
     static bindQuillEditor()
     {
-        const quillEditors = document.querySelectorAll(QuillEditor.quillTarget);
+        const quillEditors: NodeListOf<HTMLElement> = document.querySelectorAll(QuillEditor.quillTarget);
 
         if (quillEditors) {
             quillEditors.forEach((q) => {
 				if (q.classList.contains(QuillEditor.quillExistsTarget)) return;
 
                 const options = q.getAttribute('data-quill-options');
-                let editor = new Quill('#' + q.id, JSON.parse(options));
+                let editor = new Quill(q, JSON.parse(options));
 
                 const textarea = document.getElementById(q.id.substring(6));
                 q.closest('form').removeEventListener('submit', () => textarea.innerText = q.querySelector('.ql-editor').innerHTML);