我正在为Cucumber特征文件开发一个编辑器,在编写步骤定义时,我想对Given,When,Then等使用蓝色文本颜色,并为< >我想用红色。
有没有办法,我们可以在哪里更改输入字段中的文字颜色?
我的代码示例如下所示。
<form ng-submit="submit(senario)">
<input type="text" placeholder="step definiton" ng-model="senario.step"
required="required" />
</form>
答案 0 :(得分:0)
您无法仅在输入内部突出显示单词。您应该使用更高级的编辑器。
我建议你最好的是CodeMirror,它已经能够高亮显示相当数量的语言,并且有一个插件可以轻松创建你自己的(SimpleMode)。
如果你愿意的话,你也可以自己做一个... CodeMirror可能只有3个关键字......但是你需要努力工作。您需要使用contentEditable
的元素并听取某些事件(抱歉无法记住哪一个)以了解更改的内容并拆分文本节点并围绕关键字包围您的关键字。