javascript - 从数据库中的内容渲染 TeX?

标签 javascript html firebase mathjax

我正在使用 Firebase 将内容放到网站上。类似“获取多项选择题/选项并将它们插入 div 标签”之类的东西。其中一些问题使用数学/化学方程,我认为 TeX 将是一个很好的渲染工具。

基本上,如果我的问题是“哪种 react 是放热的?”,我希望我的答案选择看起来不像“Na + H2O -> NaOH + H2。”

我只是不知道如何。

我已经尝试过这个脚本,但它不起作用。我认为这是因为从数据库检索并通过 getElementById 将其填充到 div 标记中绕过了我可以使用脚本执行的操作。

<script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script>

我想也许我可以让它与 document.write() 一起使用,但我对它不是很熟悉(抱歉,我根本不是网络开发人员)。

有什么我可以做的吗,HTML/JavaScript/任何可以帮助我解决这个问题的东西?提前致谢!

最佳答案

我建议联系MathJax 。这是一个用 javascript 编写的开源 Latex 排字机。您可以对其进行配置,以便在从数据库中提取方程后,它将呈现方程。

如果你的方程非常简单,只有一些下标和上标 MathJax 可能就有点大材小用了。只需<sup>就可以做得很好和<sub>标签和一些样式。您的等式可以表示为

Na + H<sub>2</sub>O ⟶ NaOH + H<sub>2</sub>

维基百科中的很多数学都使用这种方法。

关于javascript - 从数据库中的内容渲染 TeX?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30418901/

相关文章:

javascript - 屏幕宽度取决于菜单切换和在 JavaScript 中自动打开

javascript - 搜索引擎优化 : Move content with javascript?

javascript - 在 JavaScript/JQuery 中将 HTML 元素转换为字符串

firebase - 对 Firebase API key 设置 HTTP referer 限制没有任何区别

javascript - 提交具有一些未定义值的对象时,如何使Firebase忽略?

javascript - 无需拖放即可上传文件夹

javascript - 在 Javascript 中计算签名/哈希并与 C# 具有相同的结果

php - 选择两个日期之间的数据

java - 如何从 firebase android 检索子数据

javascript - 如何使用 RequireJS 动态加载 html 内容