MathJax动态渲染数学公式
一般MathJax.js都是在页面加载完成之后运行一次就OK了,但这次进行项目开发要实时渲染Markdown中的数学公式
<script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
<script src="index.js"></script>
window.MathJax = {
tex: {
inlineMath: [['$', '$']],
displayMath: [['$$', '$$']],
},
options: {
skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'code', 'a'],
},
chtml: {
scale: 1.2,
},
startup: {
ready: () => {
window.MathJax.startup.defaultReady();
window.MathJax.startup.promise.then(() => {
console.log('MathJax initial typesetting complete');
});
},
},
};
new Vue({
el: '#main',
data() {},
updated(){
const MathJax = window.MathJax;
if (MathJax) {
MathJax.typesetPromise && MathJax.typesetPromise();
}
}
});
本作品采用《CC 协议》,转载必须注明作者和本文链接