利用MathJax渲染Latex公式

最新推荐文章于 2024-05-18 09:31:34 发布

秃了会更强

最新推荐文章于 2024-05-18 09:31:34 发布

阅读量879

点赞数

文章标签： latex mathml

本文链接：https://blog.csdn.net/weixin_40850915/article/details/111245030

版权

<!DOCTYPE html>
    <html >
    <head>
   <script type="text/x-mathjax-config">
                MathJax.Hub.Config({"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"], linebreaks: { automatic:true }, EqnChunk: (MathJax.Hub.Browser.isMobile ? 10 : 50) },
                    tex2jax: { inlineMath: [ ["$", "$"], ["\\\\(","\\\\)"] ], displayMath: [ ["$$","$$"], ["\\[", "\\]"] ], processEscapes: true, ignoreClass: "tex2jax_ignore|dno" },
                    TeX: {
                        extensions: ["begingroup.js"],
                        noUndefined: { attributes: { mathcolor: "red", mathbackground: "#FFEEEE", mathsize: "90%" } }, 
                        Macros: { href: "{}" } 
                    },
                    messageStyle: "none",
                    styles: { ".MathJax_Display, .MathJax_Preview, .MathJax_Preview > *": { "background": "inherit" } },
                    SEEditor: "mathjaxEditing"
            });
            </script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML-full"></script>
    </head>
    <body >
               <span> $\frac{xe^{2x}}{(2x+1)^2}$</span>   
    </body>
    </html>

只要使用以上script设置和对mathjax.js的引用，就能对以上span标签中latex公式的渲染。渲染效果如下：

具体对应配置的作用请自行百度

秃了会更强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用MathJax渲染Latex公式

<!DOCTYPE html> <html > <head> <script type="text/x-mathjax-config"> MathJax.Hub.Config({"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"], linebreaks: { automatic:true }, EqnChunk: (Math...
复制链接

扫一扫