MathJax的基本使用( 二 )


MathJax的基本使用

文章插图
 
在公式上,选择SVG输出 。
MathJax的基本使用

文章插图
 
则系统用svg显示公式 。此时,如果查看浏览器的HTML代码,则如下图SVG方式 。
 
MathJax的基本使用

文章插图
 
 
(5)配置Mathjax
默认情况下,MathJax 使用 ( 和 ) 作为行内公式的开始和结束(类似 span) 。使用
[和] 作为段落的开始和结束(类似 div)
但是,你也可以自定义配置,如下使用 和和作为公式的开始和结束 。
但是,不推荐使用是因为,是因为,是美元符号,这会导致 “这个苹果5元,那个苹果5元,那个苹果6元”,结果系统把$之间的内容当成了公式了 。
请注意:和其它系统不同,对于Mathjax的配置,是直接定义一个MathJax对象,然后设置其属性 。
<script>MathJax = {  tex: {    inlineMath: [['$', '$'], ['\(', '\)']]  }};</script><script id="MathJax-script" async  src=https://www.isolves.com/it/cxkf/yy/js/2020-07-22/"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">(6)一些重要配置
MathJax提供了非常强大的配置参数 。下面是一些配置 。
 
MathJax = {  options: {    skipHtmlTags: [            //  HTML tags that won't be searched for math        'script', 'noscript', 'style', 'textarea', 'pre',        'code', 'annotation', 'annotation-xml'    ],    includeHtmlTags: {         //  HTML tags that can Appear within math        br: 'n', wbr: '', '#comment': ''    },    ignoreHtmlClass: 'tex2jax_ignore',    //  class that marks tags not to search    processHtmlClass: 'tex2jax_process',  //  class that marks tags that should be searched    compileError: function (doc, math, err) {doc.compileError(math, err)},    typesetError: function (doc, math, err) {doc.typesetError(math, err)},    renderActions: {...}  }};
skipHtmlTags配置可以让Mathjax忽略一些标签,例如当你用 <code> 包含一些公式时,可能希望MaxJax不把其中的公式进行解析 。
includeHtmlTags 可以配置在数学公式里可以出现哪些标签,例如公式里出现 n可用于换行等 。
ignoreHtmlClass:可以设置忽略一些class
processHtmlClass:可以设置处理class 。
 
我们提供了一个demo 。http://demo.dotnetcms.org/math/math/
在这个demo里,插入数学公式时使用了如下配置:
let className = 'math-tex'; MathJax = {  options: {    processHtmlClass: className,    ignoreHtmlClass: '.*'  }};也就是只处理 class为 math-tex 的标签 。

【MathJax的基本使用】


推荐阅读