math support WIP

src/public/app/services/library_loader.js

@@ -49,7 +49,7 @@ const PRINT_THIS = {js: ["libraries/printThis.js"]};
 const CALENDAR_WIDGET = {css: ["stylesheets/calendar.css"]};
 
 const KATEX = {
-    js: [ "libraries/katex/katex.min.js" ],
+    js: [ "libraries/katex/katex.min.js", "libraries/katex/auto-render.min.js" ],
     css: [ "libraries/katex/katex.min.css" ]
 };
 

src/public/app/widgets/type_widgets/editable_text.js

@@ -108,6 +108,7 @@ export default class EditableTextTypeWidget extends AbstractTextTypeWidget {
             math: {
                 engine: 'katex',
                 outputType: 'span', // or script
+                lazyLoad: async () => await libraryLoader.requireLibrary(libraryLoader.KATEX),
                 forceOutputType: false, // forces output to use outputType
                 enablePreview: true // Enable preview view
             }

src/public/stylesheets/themes.css

@@ -197,6 +197,8 @@ body {
     --ck-color-todo-list-checkmark-border: var(--main-border-color);
 
     --ck-color-engine-placeholder-text: var(--muted-text-color);
+
+    --ck-z-modal: 10000;
 }
 
 body {
@@ -224,4 +226,4 @@ table td, table th {
 
 .modal-backdrop {
     background-color: var(--modal-backdrop-color) !important;
-}
+}