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

Question

我正在寻找一个jQuery插件，它将显示一个用于HTML创作的文本区域＆amp;编辑。

我正在寻找的东西：

1. 必须支持编写HTML，而不是WYSIWYG表示
2. 必须在键入时为任何富客户端IDE输入HTML。
3. 应该是jQuery，但原生JS也可以。

我玩过MarkItUp，它让我90％但不提供语法着色。据我所知，WYMeditor没有“代码视图”选项，而只是一个WYSIWYG视图。

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

Answer 1

使用CodeMirror。它是Google用于their API playground的荧光笔。

我已经尝试了它并且效果很好，根据他们的网站，它可以在以下浏览器中使用：

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

我不明白你为什么在这种情况下提到jQuery，因为jQuery与你需要做的事情无关，除了它的选择器引擎，它可以用来找到你想要启用语法高亮的文本框（尽管如果您在其上放置id，则不应该使用jQuery。）

最好使用专门用于解决手头任务的独立库（CodeMirror是。）您将获得最高性能，开发人员可以更好地维护，确保更高质量代码。

Answer 2

您还应该查看EditArea

它不使用jquery，但它也不会与它发生冲突。

Answer 3

我还在kodingen.com使用了Codemirror，现在它是koding.com，Codemirror编写得很好，您可以获取源代码并根据需要进行更改。

但您也可以检查amyeditor它也非常先进，它支持的语言比代码镜像更多。您也可以从github获取其源代码。

希望它有所帮助...

Answer 4

看看Ace，Mozilla合并了Skywriter/Bespin的努力。它支持60多种语言，支持客户端代码语法高亮显示。源代码是开放的，可以在github上找到。

Answer 5

要和Mozilla一起去Bespin。它是使用HTML5功能构建的（所以它快速而快速，但不支持传统浏览器），但使用和击败我遇到的所有东西绝对令人惊讶 - 可能是因为它是Mozilla支持它，他们开发Firefox所以是的。 ..还有jQuery Plugin which contains a extension for it使jQuery更容易使用。