JS MathJax funktioniert nicht?
Ich möchte LaTeX Formeln in meiner Website verwenden. Formeln die in HTML direkt oder ohne Verzögerung in Javascript definiert werden, werden auch in Formeln ordnungsgemäß formatiert.
Formeln die jedoch der Website hinzugefügt werden z.B. durch Knopfdruck bzw. nach vollständigem laden der DOM, werden nicht gerendert und sehen beispielsweise so aus: \(Test\).
Hier der code zum importieren von MathJax:
MathJax = {
tex: {
inlineMath:[['$', '$'],['\\(','\\)']]
}
}
const script = document.createElement('script')
script.type = 'text/javascript'
script.async = true
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML'
document.head.appendChild(script)
Darüber hinaus kann ich ebenfalls keine Methoden von MathJax in JS verwenden.
Ich wäre für jede Hilfe dankbar.
1 Antwort
Ich habe mir die Developer Dokumentation zu MathJax durchgelesen und die dort stehenden Import Links verwendet. Nun importiere ich die folgenden scripts direkt im head Element in HTML.
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js"></script>
Indem ich die Bibliothek mit diesen links importiere, stehen mir nun auch die MathJax Methoden in JS zur verfügung, wodurch ich nicht formatierte Formeln formatieren kann indem ich die folgende Methode nutze:
MathJax.typeset()