optimized editor with site template

resources/js/panel/editor-handle.js

@@ -1,4 +1,4 @@
-window.addEventListener('load',function () {
+window.addEventListener('load', function () {
     let dirx = 'ltr';
     let editors = {};
     document.querySelectorAll('.ckeditorx')?.forEach(function (el) {
@@ -9,8 +9,7 @@ window.addEventListener('load',function () {
             skin: 'moono-dark',
         });
 
-        // WIP: need font and color like website
+        CKEDITOR.addCss('.cke_editable { background-color: ' + website_bg + '; color: ' + website_text_color + ' ; font-family: ' + website_font + ' }');
-        CKEDITOR.addCss('.cke_editable { background-color: #212529; color: white }');
         editors[el.getAttribute('name')].on('change', function (evt) {
             el.value = evt.editor.getData();
         });

resources/views/components/panel-footer.blade.php

@@ -1,6 +1,9 @@
 @yield('js-content')
 <script type="text/javascript">
     var xupload = "{{route('admin.ckeditor.upload', ['_token' => csrf_token() ])}}";
+    var website_bg = "{{gfx()['background']}}";
+    var website_text_color = "{{gfx()['text']}}";
+    var website_font = "{{gfx()['font']}}";
     window.routesList = @json(getAdminRoutes());
 </script>
 </body>