From e280b8deb830d4facb0eb3479f7ea21db55fbf94 Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Sun, 30 Jun 2024 08:41:07 +0330
Subject: [PATCH] optimized editor with site template

---
 resources/js/panel/editor-handle.js               | 7 +++----
 resources/views/components/panel-footer.blade.php | 3 +++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/js/panel/editor-handle.js b/resources/js/panel/editor-handle.js
index 3654606..bcb281f 100644
--- a/resources/js/panel/editor-handle.js
+++ b/resources/js/panel/editor-handle.js
@@ -1,16 +1,15 @@
-window.addEventListener('load',function () {
+window.addEventListener('load', function () {
     let dirx = 'ltr';
     let editors = {};
     document.querySelectorAll('.ckeditorx')?.forEach(function (el) {
-        editors[el.getAttribute('name')] =  CKEDITOR.replace(el.getAttribute('name'), {
+        editors[el.getAttribute('name')] = CKEDITOR.replace(el.getAttribute('name'), {
             filebrowserUploadUrl: xupload,
             filebrowserUploadMethod: 'form',
             contentsLangDirection: dirx,
             skin: 'moono-dark',
         });
 
-        // WIP: need font and color like website
-        CKEDITOR.addCss('.cke_editable { background-color: #212529; color: white }');
+        CKEDITOR.addCss('.cke_editable { background-color: ' + website_bg + '; color: ' + website_text_color + ' ; font-family: ' + website_font + ' }');
         editors[el.getAttribute('name')].on('change', function (evt) {
             el.value = evt.editor.getData();
         });
diff --git a/resources/views/components/panel-footer.blade.php b/resources/views/components/panel-footer.blade.php
index 31885fc..c1fd219 100644
--- a/resources/views/components/panel-footer.blade.php
+++ b/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>