我正在使用 katex 来渲染数学。
https://github.com/Khan/KaTeX https://github.com/Khan/KaTeX
一般来说,为了让它工作,我链接到文件katex.min.js
and katex.min.css
来自 CDN,这是指示建议的方式之一。
我将需要渲染的内容包装在标签中并给出相同的类。例如:
<span class='math'>\begin{bmatrix}a & b \\c & d\end{bmatrix}</span>
在脚本标签内我应用以下内容:
var math = document.getElementsByClassName('math');
for (var i = 0; i < math.length; i++) {
katex.render(math[i].innerHTML, math[i]);
}
所以,我的实现有效,但 katex 返回的内容存在问题。上面的输出给了我:
这里提出了完全相同的问题:
https://github.com/j13z/reveal.js-math-katex-plugin/issues/2 https://github.com/j13z/reveal.js-math-katex-plugin/issues/2
但我一点也看不懂。
解决方案是使用元素.文本内容,而不是 element.innerHTML。
如果我使用如下形式,矩阵将正确呈现。
var math = document.getElementsByClassName('math');
for (var i = 0; i < math.length; i++) {
katex.render(math[i].textContent, math[i]); // <--element.textContent
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)