• home > php > phpcms >

    MathJax复原LaTeX、MathML或者AsciiMath符号及公式

    Author:zhoulujun Date:

    MathJax利用最新的web技术支持LaTeX、MathML、AsciiMath符号等构建一个支持math的web平台开源JavaScript库,MathJax显示数学公式是基于文本的,​MathJax甚至可以将Tex格式转化为MathML格式,使其可以被原生支持MathML格式的浏览器更多的渲染

    为什么选择MathJax

    MathJax利用最新的web技术支持LaTeX、MathML、AsciiMath符号等构建一个支持math的web平台开源JavaScript库,网页作者可以编写包含数学公式的页面,而且MathJax显示数学公式是基于文本的,而非图片。它可以被搜索引擎使用,这意味着方程式和页面上的文字一样是可以被搜索的。

    MathJax甚至可以将Tex格式转化为MathML格式,使其可以被原生支持MathML格式的浏览器更多的渲染。转化为MathML格式后你可以复制粘贴它们到其他程序中。

    MathJax是模块化的,所以它仅仅在需要时才加载它的组件,同时也可以被扩展以实现更多功能。

    https://www.npmjs.com/package/mathjax

    很多人推荐使用html5 MathML元素,对应的标签是 <math>...</math>

    这个感觉又重学了一遍html了,用的少了,对像我这我这种项目过了,就基本不用了,学习成本贼高。

    觉得还是TeX排版语法学习价值更大些——更加通用。

    个人感觉TeX比起markdown 索然啰嗦点。但是功能强大呀。况且在印刷厂被折磨过的我,肯定死谏啦

    这个来学数学公式

    • 行内公式:$我是公式内容$

    • 单行公式:$$我是公式内容

    勾股定理:3²+4²=5² ,$$3^2+4^2=5^2$$

    MathJax使用TeX和LaTeX

    使用 TeX 和 LaTeX 格式的公式使用 公式分隔符 环绕公式,即告知MathJax页面哪个部分代码公式和它的基本格式。 

    默认的公式分隔符是 $$...$$ 和 \[...\] ,还有 \(...\) 常用于段落中的公式。请特别注意, \(...\) 分隔符 不是 默认使用的。美元符号$常常在其他情况下使用,这会导致本文被错误的当做公式解析了。

    例如,使用美元分隔符的情况下, ”... the cost is $2.50 for the first one, and $2.00 for each additional one ...” 会被处理为 “2.50 for the first one, and” 。因为介于美元符号之间的文字内容被当做公式处理了。基于这样的理由,如果你想使用美元分隔符,请在配置文件中显示声明

    查看 config/default.js 文件或者参考 tex2jax配置 options 页面来为 tex2jax 处理器指定更多的参数。 参考 TeX和LaTeX 页面了解更多MathJax对Tex格式的支持和美元符号的使用问题。

    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <script type="text/javascript" src="MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

    更多的,其实官方文档看。

    这种东西,其实我们也就是开发平台的时候用一下而已。个人觉得没有必要细讲。


    转载本站文章《MathJax复原LaTeX、MathML或者AsciiMath符号及公式》,
    请注明出处:https://www.zhoulujun.cn/html/php/phpcms/2020_0608_8451.html