首页 / JAVASCRIPT / javascript – 在浏览器中使用KaTeX渲染数学

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在浏览器中使用KaTeX渲染数学，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含876字，纯文字阅读大概需要2分钟。

内容图文

我正在使用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渲染.

内容总结

以上是互联网集市为您收集整理的javascript – 在浏览器中使用KaTeX渲染数学全部内容，希望文章能够帮你解决javascript – 在浏览器中使用KaTeX渲染数学所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/726634.html

来源：【匿名】