关于textarea元素中特定单词的飞行着色

Question

jsfiddle.net这样的网站如何使某些属性（例如在CSS部分中）像现代文本编辑器那样使用不同的颜色？

例如， html 标记与上图中CSS部分中大括号的颜色不同。

我认为它是使用某种JS动态完成的。任何人都可以指向一个脚本，它可以自动地，动态地改变某些单词的颜色以适应颜色方案吗？

Answer 1

jsfiddle网站使用codemirror编辑器。此编辑器插入

<span class="cm-property">elements</span> 

格式化代码。

此类库的示例包括上面提到的库：

• highlight.js
• prism

例如：

• google-code-prettify
• jquery.syntax
• SyntaxHighlighter