javascript – 在浏览器中使用KaTeX渲染数学

我正在使用KaTeX在浏览器中渲染数学.

现在我正在使用类似的东西

document.getElementById('el').innerHTML = function () {
  const span = document.createElement('span');
  katex.render('2+\frac{1}{x}', span);
  return span.innerHTML;
});

但是我必须将它应用于一个元素,然后从这个元素中获取html并插入我的字符串中似乎真的很愚蠢.

我查看了KaTeX文档,但是我找不到任何东西可以帮助我直接在浏览器中使用类似katex.render(‘2 3 4’)的内容呈现一些文本.

解决方法:

我不知道你是否还在寻找答案,但也许这会有所帮助.

首先,我从cdn链接到katex.min.js和katex.min.css.

我将我希望在katex中呈现的所有内容包含在span标记内,并为它们提供类’math’

例如：

<span class='math'>2+\frac{1}{x}</span>

然后在一对脚本标签里面我包含这样的东西：

var math = document.getElementsByClassName('math');
for (var i = 0; i < math.length; i++) {
  katex.render(math[i].innerText, math[i]);
}

因此,只要我将数学文本写入具有类math的元素中,它就会被katex渲染.

标签：mathjax,javascript,node-js,katex
来源： https://codeday.me/bug/20190828/1755736.html