Migrate from Quill to Jodit (#264)

* Refactored JS folder. Removed useless files * Add border to signature webview ( Fix for light theme) * migrated quill to jodit(links not working) * Removed quill subfolder * removed table styles and fixed trigger color * disable addaptive toolbar * Remove direction button * MinHeight, Toolbar toggle, style for combobox * Added reference mail to replies and forward * Command bar in compose page Fixed align behaviour with Jodit * Fix theme toggle in composer * switch cc and to in mail chain * default selected value for aligment * make CC/To/From to be mailto links * Added drag and drop for images Fixed dropzones visual states Corrected border radius Fixed null reference exception when event dispatched when chromium still not initialized
2024-07-07 18:04:53 +02:00
parent 02cd8ed7ae
commit d6b3240506
36 changed files with 6444 additions and 23029 deletions
--- a/Wino.Mail/JS/editor.html
+++ b/Wino.Mail/JS/editor.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="language" content="english">
+    <script src="./libs/jodit.min.js"></script>
+    <script src="./libs/darkreader.js"></script>
+    <link rel="stylesheet" href="./libs/jodit.min.css" />
+    <link rel="stylesheet" href="./global.css" />
+
+    <style>
+        .jodit-toolbar-button__trigger svg > path {
+            fill: black;
+        }
+
+        #editor {
+            height: 100%;
+        }
+
+        .jodit-container:not(.jodit_inline) {
+            background-color: transparent;
+            border: none;
+            border-radius: initial;
+        }
+
+        .jodit-wysiwyg {
+            min-height: 200px
+        }
+
+        /* Hide taskbar in css. Should not be hidden from configuration, because it's used to sync state with native buttons. */
+        .jodit-toolbar__box {
+            display: none;
+        }
+
+        body {
+            margin: 8px;
+        }
+    </style>
+</head>
+
+<body>
+    <meta name="color-scheme" content="dark light">
+    <textarea id="editor" name="editor"></textarea>
+
+    <!-- hidden input to handle image uploads -->
+    <input type="file" id="imageInput" style="display:none;">
+    <script src="/editor.js"></script>
+</body>
+
+</html>