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

Question

我正在使用 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/任何可以帮助我解决这个问题的东西？提前致谢!

Answer 1

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

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

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

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