带有语法着色的HTML编辑器的jQuery插件

Question

我正在寻找一个jQuery插件,它将显示用于HTML创作和编辑的textarea.

我正在寻找的东西:

1. 必须支持编写HTML,而不是WYSIWYG表示
2. 必须像键入任何富客户端IDE那样为HTML着色.
3. 应该是jQuery,但原生JS也可以.

我玩过MarkItUp,它让我90%但没有提供语法着色.据我所知,WYMeditor没有"代码视图"选项,而只是一个WYSIWYG视图.

过去有人做过这样的事吗？

Answer 1

使用CodeMirror.它是谷歌用于API游乐场的荧光笔.

我已经尝试了它并且运行良好,根据他们的网站,它可以在以下浏览器中使用:

• Firefox 1.5或更高版本
• Internet Explorer 6或更高版本
• Safari 3或更高版本
• Opera 9.52或更高版本
• 铬

我不明白你为什么在这种情况下提到jQuery,因为jQuery与你需要做的事情没什么关系,除了它的选择器引擎,它可以用来找到你想要启用语法高亮的文本框(尽管如果你把一个id就可以了,你不应该需要的jQuery的,要么.)

最好使用专门用于解决手头任务的独立库(CodeMirror是.)您将获得最高性能,并且开发人员可以更好地维护它,从而确保更好的代码质量.

Answer 2

你还应该看看EditArea

它不使用jquery,但它也不会与它发生冲突.

Answer 3

我还用Codemirror在kodingen.com现在是koding.com,Codemirror写的很好,你可以得到源代码,并改变您的需求.

但你也可以检查amyeditor,它也非常先进,它支持的语言比codemirror更多.您也可以从github获取其源代码.

希望能帮助到你...

Answer 4

看看Ace，Mozilla 将他们的Skywriter/Bespin成果合并到其中。它通过客户端代码语法突出显示支持 60 多种语言。源代码是开放的，可在 github 上获得。