【问题标题】:jQuery Plugin for HTML Editor with Syntax Coloring用于带有语法着色的 HTML 编辑器的 jQuery 插件
【发布时间】:2010-11-16 23:51:44
【问题描述】:

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

我正在寻找的东西:

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

我玩过 MarkItUp,它可以让我 90% 到达那里,但没有提供语法着色。据我所知,WYMeditor 没有“代码视图”选项,而只是一个所见即所得的视图。

过去有人做过类似的事情吗?

【问题讨论】:

    标签: javascript jquery jquery-plugins


    【解决方案1】:

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

    我试过了,效果很好,根据他们的网站,它可以在以下浏览器中运行:

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

    我不明白你为什么在这种情况下提到 jQuery,因为 jQuery 与你需要做的事情没有任何关系,除了它的选择器引擎可以用来找到你想要启用语法突出显示的文本框(尽管如果你在上面加上id,你也不应该需要 jQuery。)

    最好使用专门设计用于解决手头任务的独立库(CodeMirror 就是这样)。您将获得最佳性能,并且开发人员更易于维护,从而确保更好的质量的代码。

    【讨论】:

    • CodeMirror 的 +1 和虚拟的 +1 提到 jQuery 并不是所有问题的解决方案。
    • 我同意 jQuery 不是所有问题的解决方案,但请求 jQuery 解决方案可能意味着 1) 开发人员“知道”jQuery,所以如果他们必须定制它,他们会感觉更多自在。 2) 零到最低配置 3) jQuery 抽象了浏览器的差异,因此作为开发人员,您可能会觉得插件比纯原生解决方案更好地支持跨浏览器更“安全”。
    【解决方案2】:

    你也应该看看EditArea

    它不使用jquery,但也不会与之冲突。

    【讨论】:

      【解决方案3】:

      看看Ace,Mozilla 将他们的Skywriter/Bespin 工作合并到其中。它支持超过 60 种语言,并带有客户端代码语法高亮显示。源代码已在 github 上开放并可用。

      【讨论】:

        【解决方案4】:

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

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

        希望对你有帮助……

        【讨论】:

          【解决方案5】:

          必须使用 Mozilla 的 Bespin。它是使用 HTML5 功能构建的(因此它既快速又快速,但不支持旧版浏览器),但使用起来绝对令人惊叹,并且击败了我遇到的所有东西 - 可能是因为 Mozilla 支持它,而且他们开发了 Firefox,是的。 .. 还有一个jQuery Plugin which contains a extension for it 使它更容易与 jQuery 一起使用。

          【讨论】:

          • @CodeClown 和 Skywriter 现在被称为 Ace(与您的源链接相同......) - 进行奇怪的更正......
          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2011-01-26
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多