Replace Summernote WYSIWYG with TinyMCE

portal/portal_footer.php

@@ -13,29 +13,37 @@
 
 <p class="text-center"><?php echo htmlentities($config_app_name); ?></p>
 
-
 <!-- jQuery -->
 <script src="../plugins/jquery/jquery.min.js"></script>
 
 <!-- Bootstrap 4 -->
 <script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 
-<script src="../plugins/summernote/summernote-bs4.min.js"></script>
+<!--- TinyMCE -->
+<script src="../plugins/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
 
 <script>
-// Summernote
-$('.summernote').summernote({
-  toolbar: [
-    ['style', ['style']],
-    ['font', ['bold', 'underline', 'clear']],
-    ['fontname', ['fontname']],
-    ['color', ['color']],
-    ['para', ['ul', 'ol', 'paragraph']],
-    ['table', ['table']],
-    ['insert', ['link', 'picture', 'video']],
-    ['view', ['codeview']],
-  ],
-    height: 200
-});
+    
+    // Initialize TinyMCE
+    tinymce.init({
+        selector: '.tinymce',
+        resize: true,
+        min_height: 300,
+        max_height: 600,
+        promotion: false,
+        branding: false,
+        menubar: false,
+        statusbar: false,
+        toolbar: [
+            { name: 'styles', items: [ 'styles' ] },
+            { name: 'formatting', items: [ 'bold', 'italic', 'forecolor' ] },
+            { name: 'lists', items: [ 'bullist', 'numlist' ] },
+            { name: 'alignment', items: [ 'alignleft', 'aligncenter', 'alignright', 'alignjustify' ] },
+            { name: 'indentation', items: [ 'outdent', 'indent' ] },
+            { name: 'table', items: [ 'table' ] },
+            { name: 'extra', items: [ 'print', 'code', 'fullscreen' ] }
+        ],
+        plugins: 'link image lists table code codesample fullscreen autoresize',
+    });
 
 </script>