🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 例子 ``` <!DOCTYPE html> <html> <head> <title>MathJax TeX Test Page</title> <style> .mjx-chtml { outline: 0; } .MJXc-display { overflow-x: auto; overflow-y: hidden; } </style> <script type="text/x-mathjax-config"> let isMathjaxConfig = false; // 防止重复调用Config,造成性能损耗 const initMathjaxConfig = () => { if (!window.MathJax) { return; } window.MathJax.Hub.Config({ showProcessingMessages: false, //关闭js加载过程信息 messageStyle: "none", //不显示信息 jax: ["input/TeX", "output/HTML-CSS"], tex2jax: { inlineMath: [["$", "$"], ["\\(", "\\)"]], //行内公式选择符 displayMath: [["$$", "$$"], ["\\[", "\\]"]], //段内公式选择符 skipTags: ["script", "noscript", "style", "textarea", "pre", "code", "a"] //避开某些标签 }, "HTML-CSS": { linebreaks: { automatic: true, width: "container" }, availableFonts: ["STIX","TeX"], preferredFonts: "STIX", webFont: "STIX" } }); isMathjaxConfig = true; // }; if (isMathjaxConfig === false) { // 如果:没有配置MathJax initMathjaxConfig(); } </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> </head> <body> <div class="problem" aria-live="polite" aria-relevant="all" id="test"> <p>&#19968;&#12289;&#35774;\(A=\begin{vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \end{vmatrix}\)&#65292; \(B=\begin{vmatrix} a_1 &amp; b_1+d_1 &amp; c_1 \\ a_2 &amp; b_2+d_2 &amp; c_2 \\ a_3 &amp; b_3+d_3 &amp; c_3 \end{vmatrix}\)&#65292; \(P=B-A\)&#65292;&#21017;&#19979;&#38754;&#31561;&#24335;&#27491;&#30830;&#30340;&#26159;____</p> </div> <p>A. \(P=\begin{vmatrix} 0 &amp; b_1 &amp; 0 \\ 0 &amp; b_2 &amp; 0 \\ 0 &amp; b_3 &amp; 0 \end{vmatrix}\) &#12288;&#12288; B. \(P=\begin{vmatrix} 0 &amp; d_1 &amp; 0 \\ 0 &amp; d_2 &amp; 0 \\ 0 &amp; d_3 &amp; 0 \end{vmatrix}\) &#12288;&#12288; C. \(P=\begin{vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \end{vmatrix}\) &#12288;&#12288; D. \(P=\begin{vmatrix} a_1 &amp; d_1 &amp; c_1 \\ a_2 &amp; d_2 &amp; c_2 \\ a_3 &amp; d_3 &amp; c_3 \end{vmatrix}\) </p> <script type="text/javascript"> window.MathJax.Hub.Queue(["Typeset", MathJax.Hub, document.getElementById('test')]); </script> </body> </html> ```