文章插图
在公式上,选择SVG输出 。
文章插图
则系统用svg显示公式 。此时,如果查看浏览器的HTML代码,则如下图SVG方式 。
文章插图
(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的基本使用】
推荐阅读
- 直通车质量分是什么 直通车的质量得分
- 勿忘我花茶特征,这些花茶真的可以祛斑
- 毛建草茶的功效与作用,苹果花的功效与作用
- 牡丹花茶的冲泡方法,冲泡玫瑰花茶四大注意事项
- 茉莉花叶茶的功效与作用,墨旱莲的功效与作用
- Python列表去重复项的N种方法
- 果粒茶的正确冲泡方法,几种易调配的花草茶
- 桃花茶的功效和作用,桂花茶的功效和作用
- 花草茶的典雅情怀,润肤花草茶
- 杜仲雄花茶的功效与作用及药用价值,茉莉花的功效与作用