javascript - 如何设置 HTML 文本字段的格式以使用多种样式？

Question

我正在寻找一种方法，将某些格式应用于 JavaScript 中的单行文本输入字段。它会像这样工作:

用户输入公式，例如:

(7 + 3) ^ x

当用户键入时，我的代码将使用颜色对其进行格式化，如下所示:

我可以进行必要的解析，但我不知道如何在用户编辑时将这些样式应用到用户的文本。

我一直在努力通过 Google 寻找合适的内容。我的搜索主要引导我找到成熟的文本编辑器。

有这样的组件吗？如果没有，我可以通过 <input type="text"...> 字段实现此目的吗？

Answer 1

出于好奇，我构建了这个:http://jsfiddle.net/hunter/npbDL/

这会捕获击键并将 span 包裹的字符插入到元素中。如果字符映射到字符到类集合中的某个项目，它还会为该 span 指定指定的类。

它还处理输入和退格键。

你也许可以从那里拿走它......