从数据库中渲染 TeX?

Rendering TeX from something out of a database?

我正在使用 Firebase 将内容放到网站上。类似于 "get a multiple choice question/options and shove them into div tags"。其中一些问题使用 math/chemistry 方程式,我认为 TeX 将是一个很好的渲染工具。

基本上,如果我的问题是 "Which reaction is exothermic?",我希望我的答案选择看起来不像 "Na + H2O -> NaOH + H2."

我就是不知道怎么办。

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

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

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

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

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

如果您的方程式非常简单,那么仅使用几个下标和上标 MathJax 可能就有些矫枉过正了。您可以只使用 <sup><sub> 标签以及一些样式。您的等式可以表示为

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

维基百科中相当多的数学都是用这个方法。