Bugfix: tinymce code syntax higlight - no color was present on note c…

…reate via widget, or upon page load via ajax
Volmarg · Mar 22, 2020 · e32ff86 · e32ff86
1 parent 6578bee
commit e32ff86
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/public/assets/app.css b/public/assets/app.css
diff --git a/public/assets/app.js b/public/assets/app.js
diff --git a/src/assets/scripts/prism/index.js b/src/assets/scripts/prism/index.js
@@ -16,8 +16,11 @@ export default (function () {
             this.highlightCode();
         },
         highlightCode: function(){
-            let $codeElements = $('code[class^="language-"]');
-            $.each($codeElements, function(index, codeElement){
+            let $codeElements        = $('code[class^="language-"]');
+            let $tinyMceCodeElements = $('#tiny-mce-wrapper code');
+            let $allElements         = $.merge($codeElements, $tinyMceCodeElements);
+
+            $.each($allElements, function(index, codeElement){
                 Prism.highlightElement(codeElement);
             });
         }

diff --git a/src/scss/libs/customization-for-liblaries/tinymce.scss b/src/scss/libs/customization-for-liblaries/tinymce.scss
@@ -15,4 +15,8 @@
   a{
     word-break:break-all; // this fixes links thata are to long and therefore are being pushed out of modal
   }
+
+  code {
+    background-color: white;
+  }
 }