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 协议》,转载必须注明作者和本文链接
licoded
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!