寻找一个基于jQuery的inplace HTML编辑器

Question

我刚刚走到http://plugins.jquery.com/search/node/editor - 很多很多的选择 - 如果按日期判断，很多新的 产品。我希望有人可以帮我缩小范围 根据这些优先事项......

• 稳定性＆amp;格式良好的XHTML（可能会反对一些最新的，除非它们是具有明确记录的修订版）
• 现场编辑
• 良好的AJAX集成
• 对于内部/管理/ CMS使用，因此它可能会变得臃肿，因为它很容易实现基础：
  • 粗体
  • 斜体
  • 缩进
  • 列表

不需要表格，但下拉列表显示相关的CSS选择器会很好。

感谢。

Answer 1

我知道您正在寻找基于jquery的富文本编辑器。但我建议的那个是基于原型。它被称为WYSIHAT，是37signals团队的一个开源项目。你可以说它是WYSIWYG编辑器的框架。你为什么选择那个？简单，易于定制，格式良好的XHTML和当然良好的AJAX集成。您有许多其他富文本编辑器，但都不容易定制。我之所以这样说，那么你将很难将编辑器提供的“小部件”设置更改为你喜欢的东西。如果在任何地方都有糟糕的代码，那么PITA就会对开发人员编写的糟糕标准进行纠正。

因为你真的不关心体积，我怀疑使用原型和jquery将是一个很大的麻烦。如果它不是用于内部/管理/ CMS使用，那么使用它们将是一个不好的选择。但由于你的主要目标是“简单”，WYSIHAT来为你解救。它为您提供了构建自编富文本编辑器的基础。

来源：

37Signals: Introducing WYSIHAT. An eventually better open-source WYSIWYG Editor.

如果您正在使用Ruby-on-Rails开发CMS，那么您可以参与其中：

WYSIHAT Rails引擎：

http://www.80beans.com/2009/10/01/wysihat-engine/

http://github.com/80beans/wysihat-engine

WYSIHat教程：

Setting up WysiHAT. A Tutorial. Part 1:

Setting up WysiHAT. A Tutorial. Part 2:

WysiHat的高级工具栏：

http://github.com/80beans/wysihat-advanced-toolbar

以下是API文档：

http://josh.github.com/wysihat/wysihat/wysihat/commands.html

顺便说一下..缩小后的WYSIHat js文件只有6kb。 比TinyMCE小1000倍。

Answer 2

缩小选项列表：一些基于jQuery的更好的编辑器至少符合你想要的大部分要点：

• Jeditable - 非常灵活
• WYMeditor - 受CMSes欢迎
• uEditor - 干净简单，但不是就地
• IPWEditor - 使用TinyMCE或FCKeditor :(

Answer 3

这不是一个jQuery插件，但TinyMCE绝对值得一看，它plays nicely with jQuery。它有一个很棒的社区和很多插件。据我所知，它符合您的所有要求。

Answer 4

我只想向您提供有关此要求的一些信息......

  

格式良好的XHTML

大多数基于JavaScript的内联编辑器都使用“contentEditable”来打开文档进行编辑。这依赖于浏览器基于一系列命令并基于用户点击和键入来生成所需的HTML或XHTML。

因此，您很可能会看到基于浏览器的实现变化 - 不提及任何名称，一个浏览器将为您提供所有大写标签，一个可能无法正确关闭所有标签等等。所以请记住，如果编辑器使用浏览器生成（X）HTML，您使用的浏览器将影响功能和输出。