Toggle TinyMCE dark mode and skin based on the set tabler theme (#1241)

tabler · Sep 11, 2022 · ffde2b5 · ffde2b5
1 parent 68b12c5
commit ffde2b5
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/pages/_includes/ui/tinymce.html b/src/pages/_includes/ui/tinymce.html
@@ -8,7 +8,7 @@
 <script>
   // @formatter:off
   document.addEventListener("DOMContentLoaded", function () {
-    tinyMCE.init({
+    let options = {
       selector: '#tinymce-{{ id }}',
       height: 300,
       menubar: false,
@@ -23,7 +23,14 @@
         'alignright alignjustify | bullist numlist outdent indent | ' +
         'removeformat',
       content_style: 'body { font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }'
-    });
+    }
+
+    if (localStorage.getItem("tablerTheme") === 'dark') {
+      options.skin = 'oxide-dark';
+      options.content_css = 'dark';
+    }
+
+    tinyMCE.init(options);
   })
   // @formatter:on
 </script>