【创新实训个人记录】10周-实现LaTeX解析

实现过程

显示LaTeX

显示MathML

chrome内核无法显示MathML

通过导入mathml.css 解决

• main.js

import mathml.css

经过实际测试，对于某些标签显示效果并不理想，因此进行了一定的调整。

wangEditor公式插件分析

• wangEditor-plugin-formula

wangEditor提供的渲染LaTeX公式的插件，其本质是基于KaTeX渲染。

当插入公式时，生成一个<span>标签，并将公式源代码插入到其属性中，然后使用katex将这个标签渲染成公式

• 通过自定义DOM元素实现
• 通过一个属性改变的回调函数，每次属性改变时调用katex的渲染

尽管我们并不希望使用katex进行渲染，但是其插件实现思路值得借鉴。

• 具体见【SDU Chart Team - Editor】LaTeX公式解析到MathML与