restructure text editors and static assets

Oqtane.Server/wwwroot/js/texteditors/quilljs/quill-interop.js

@@ -0,0 +1,54 @@
+var Oqtane = Oqtane || {};
+
+Oqtane.RichTextEditor = {
+    createQuill: async function (
+        quillElement, toolBar, readOnly,
+        placeholder, theme, debugLevel) {
+
+        Quill.register('modules/blotFormatter', QuillBlotFormatter.default);
+
+        var options = {
+            debug: debugLevel,
+            modules: {
+                toolbar: toolBar,
+                blotFormatter: {}
+            },
+            placeholder: placeholder,
+            readOnly: readOnly,
+            theme: theme
+        };
+
+        new Quill(quillElement, options);
+    },
+    getQuillContent: function (editorElement) {
+        return JSON.stringify(editorElement.__quill.getContents());
+    },
+    getQuillText: function (editorElement) {
+        return editorElement.__quill.getText();
+    },
+    getQuillHTML: function (editorElement) {
+        return editorElement.__quill.root.innerHTML;
+    },
+    loadQuillContent: function (editorElement, editorContent) {
+        return editorElement.__quill.root.innerHTML = editorContent;
+    },
+    enableQuillEditor: function (editorElement, mode) {
+        editorElement.__quill.enable(mode);
+    },
+    getCurrentCursor: function (quillElement) {
+        var editorIndex = 0;
+        if (quillElement.__quill.getSelection() !== null) {
+            editorIndex = quillElement.__quill.getSelection().index;
+        }
+        return editorIndex;
+    },
+    insertQuillImage: function (quillElement, imageURL, altText, editorIndex) {
+        var Delta = Quill.import('delta');
+
+        return quillElement.__quill.updateContents(
+            new Delta()
+                .retain(editorIndex)
+                .insert({ image: imageURL },
+                    { alt: altText }));
+    }
+};

Oqtane.Server/wwwroot/js/texteditors/radzen/radzen-interop.js

@@ -0,0 +1,47 @@
+var Oqtane = Oqtane || {};
+
+Oqtane.RadzenTextEditor = {
+    initialize: function (editor) {
+        if (typeof Radzen.openPopup === "function" && Radzen.openPopup !== Oqtane.RadzenTextEditor.openPopup) {
+            Oqtane.RadzenTextEditor.radzenOpenPopup = Radzen.openPopup;
+            Radzen.openPopup = Oqtane.RadzenTextEditor.openPopup;
+        }
+    },
+    openPopup: function () {
+        Oqtane.RadzenTextEditor.radzenOpenPopup.apply(this, arguments);
+        var id = arguments[1];
+        var popup = document.getElementById(id);
+        if (popup) {
+            Oqtane.RadzenTextEditor.updateButtonStyles(popup);
+        }
+    },
+    setBackgroundColor: function (editor, color) {
+        editor.getElementsByClassName("rz-html-editor-content")[0].style.backgroundColor = color;
+    },
+    updateDialogLayout: function (editor) {
+        var dialogs = editor.parentElement.getElementsByClassName('rz-dialog-wrapper');
+        for (var dialog of dialogs) {
+            document.body.appendChild(dialog);
+            dialog.classList.add('rz-editor-dialog-wrapper', 'text-dark');
+
+            this.updateButtonStyles(dialog);
+        }
+    },
+    updateButtonStyles: function (parent) {
+        var primaryBtns = parent.getElementsByClassName('rz-primary');
+        if (primaryBtns) {
+            for (var btn of primaryBtns) {
+                btn.classList.remove('rz-button', 'rz-primary');
+                btn.classList.add('btn', 'btn-primary');
+            }
+        }
+
+        var secondaryBtns = parent.getElementsByClassName('rz-secondary');
+        if (secondaryBtns) {
+            for (var btn of secondaryBtns) {
+                btn.classList.remove('rz-button', 'rz-secondary');
+                btn.classList.add('btn', 'btn-secondary');
+            }
+        }
+    }
+}