javascript - 在浏览器中实时输入数学

Question

这是 previous, unanswered 的后续内容我的问题。

目标:网页中的输入字段(一般意义上，不是特定的形式)，其中输入某些模式(例如 $\int$)将呈现数学 - 积分符号在这种情况下，在字段本身中，而不是在单独的预览框中。

在链接的问题中，我尝试使用 MathJax 链接到 conteneteditable div 实现，但失败了(在 IE 上有点工作，这不算)。请不要说 contenteditable 有多糟糕，我现在非常清楚这一点。

我遇到了IXL网站，他们有一个有趣的实现，可以很好地处理上标和分数(至少)。回答几个问题后，您会看到一个工具栏，但您可以键入 Shift+^ 立即看到上标。

我想我可以将其扩展为我需要的其他东西，但我不确定他们的代码中的什么功能 - 它看起来像 Canvas ，但我不确定，我希望更聪明的人可以立即识别他们正在使用什么。页面源码有JS。

我已经在 MathJax GitHub 和其他一些工具上发布了改进解决方案的文章，但目前没有人正确拥有此功能(只有“预览”框)。这是我最后的尝试 - 希望这里的人们的多样性能够让我开始。我只需要集中精力阅读 - 代码的第一行，分数如何呈现为输入字段中的框上方的框上方的框。

很抱歉没有发布我自己的代码，我之前的问题是迄今为止我最好的尝试。

Answer 1

根据 jiggzson 的建议，我检查了 Guppy， fork 了它，它非常棒(就我的需要而言)。你可以在https://github.com/uperetz/guppy查看我的 fork 。我现在将在那里发布我最新的演示。当前分支是 textmix 但我希望 Daniel 能够合并到 master。