mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-21 09:35:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Lazy load the katex library if latex content is really present

Browse source
This commit is contained in:
Jan Böhmer 2022-03-06 16:09:24 +01:00
parent cef74ff35a
commit f1ea25cad2
1 changed files with 19 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/controllers/common/latex_controller.js
View file

@ -1,10 +1,10 @@
import {Controller} from "@hotwired/stimulus";
import "katex";
//import "katex";
import 'katex/dist/katex.css';
import renderMathInElement from "katex/dist/contrib/auto-render";
import {auto} from "@popperjs/core";
//import renderMathInElement from "katex/dist/contrib/auto-render";
/* stimulusFetch: 'lazy' */
export default class extends Controller {
connect() {
this.applyLatex();
@ -12,7 +12,12 @@ export default class extends Controller {
}
applyLatex() {
renderMathInElement(this.element, {
//Only import the katex library, if we have an delimiter string in our element text
let str = this.element.textContent;
if(str.match(/(\$|\\\(|\\\[).+(\$|\\\)|\\\])/)) {
import('katex/dist/contrib/auto-render').then((autorender) => {
//This calls renderMathInElement()
autorender.default(this.element, {
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false},
@ -20,6 +25,9 @@ export default class extends Controller {
{left: "\\[", right: "\\]", display: true}
]
});
})
}
}
mutate() {