更改inputbox中某些关键字的颜色

Question

我正在为Cucumber特征文件开发一个编辑器，在编写步骤定义时，我想对Given，When，Then等使用蓝色文本颜色，并为＆lt; ＆GT;我想用红色。

有没有办法，我们可以在哪里更改输入字段中的文字颜色？

我的代码示例如下所示。

<form ng-submit="submit(senario)">
  <input type="text" placeholder="step definiton" ng-model="senario.step"
                   required="required" />
</form>

Answer 1

您无法仅在输入内部突出显示单词。您应该使用更高级的编辑器。

我建议你最好的是CodeMirror，它已经能够高亮显示相当数量的语言，并且有一个插件可以轻松创建你自己的（SimpleMode）。

如果你愿意的话，你也可以自己做一个... CodeMirror可能只有3个关键字......但是你需要努力工作。您需要使用contentEditable的元素并听取某些事件（抱歉无法记住哪一个）以了解更改的内容并拆分文本节点并围绕关键字包围您的关键字。