javascript - 如何使用 Mathjax 将 LaTeX 方程放入输入标签中

Question

我希望能够将 LaTeX 数学方程式放入输入标签或文本区域，但使用 Mathjax 语法输入方程式只会返回相同的方程式。

我试过类似的方法:

<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js? 
config=TeX-MML-AM_CHTML"> </script>
<input type = "text" value = "$$\frac{2}{2}$$" />
<div>
$$\frac{2}{2}$$
</div>

但这只是在输入框中打印 $$\frac{2}{2}$$。我希望输入中的文本看起来像一个常规分数，就像在 div 中一样。

编辑:我发现将方程放入这样的文本框中的最佳方法是使用一种叫做 Mathquill 的东西。

Answer 1

据我所知，你不能那样做。 <input>元素用于纯文本。HTML 不允许在那里写，所以，MathJax无法呈现方程式。

一个可能的解决方法是在 small 中显示您想要的内容标记，例如:

<input type = "text" />
<small>
Example: $$\frac{2}{2}$$
</small>