2015-05-24 60 views
1

我正在使用Firebase将内容放到网站上。就像“获得多项选择问题/选项并将其推入div标签”。其中一些问题使用数学/化学方程,我认为TeX将是一个很好的渲染工具。从某种数据库中渲染TeX?

基本上,如果我的问题是“哪种反应是放热的?”,我想我的答案选择看起来不像“Na + H2O→NaOH + H2”。

我只是不知道如何。

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

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

我想也许我可以得到它用document.write()的工作,但我不是很熟悉的话(我不是一个web开发者所有,抱歉)。

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

回答

1

我建议抓住MathJax。这是一个用javascript编写的开源乳胶排版机。您可以对其进行配置,以便在将数据从数据库中提取出来后进行渲染。

如果方程式非常简单,只需要一些下标和上标MathJax可能会矫枉过正。只需<sup><sub>标签和一些样式即可。你的等式可以表示为

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

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

+0

谢谢!我有MathJax为我工作,但化学的东西显示为斜体。有没有什么办法像LaTeX包mhchem那样渲染化学公式等? – Sparkery

+1

我认为你可以添加包到你的MathJax设置。版本2增加了对mhchem软件包的支持。您可以在Hub设置中添加打包。请参阅http://docs.mathjax.org/en/latest/tex.html?highlight=mhchem –