如何使用 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>