У меня есть проект vue, использующий mathjax для рендеринга частичных html файлов, которые содержат немного математики внутри. Эти файлы динамически извлекаются с удаленного сервера, когда клиенты что-то ищут, и отображаются с vue v- html как raw html.
Подробно, все это происходит в компоненте 'Home', в смонтированную функцию, я добавляю связанный с mathjax скрипт, как показано ниже:
const mathjaxScript = document.createElement('script');
mathjaxScript.setAttribute('id', 'MathJax-script');
mathjaxScript.setAttribute('async', 'async');
mathjaxScript.setAttribute('src', 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js');
document.head.appendChild(mathjaxScript);
Затем, когда клиенты ищут какое-то ключевое слово, будет получен соответствующий частичный файл html и заменен тег v- html, математическое уравнение должно быть показано ожидаемо. Однако эти встроенные теги mml: math не были обработаны, они представляют собой просто текст, математическое уравнение не обрабатывается правильно.
Однако, когда я помещаю один частичный html в шаблон vue (не динамически извлекается с удаленного сервера), математическое уравнение отображается правильно. тег mml: math будет заменен на mjx-container, et c.
Итак, мой вопрос: как применить mathjax к этим динамически полученным mathml? рендеринг mathml на лету с помощью mathjax, спасибо.
Примечание: я использую vuejs, mathjax 3 и машинопись.