【问题标题】：Cutting edge online WYSIWYG editor wanted尖端在线所见即所得编辑器想要
【发布时间】：2010-07-16 09:53:13
【问题描述】：
可以在博客上使用的最高效的所见即所得编辑器是什么？
我正在寻找类似 Gmail 中的东西，但我真的很恼火，有时光标会卡在一些不可见的包装 div 标签中，或者在选择并删除部分文本后，光标会跳到末尾整个街区。
理想的编辑器不必向后兼容，也可以使用新兴技术。我没有什么特别的想法，但我听说过 Bespin 项目，想知道canvas 标签可能有用。或者也许是 Silverlight 或 Flash，我不知道。
我会使用这个编辑器来创建和维护相当简单的带有超链接、图像、标题和列表的 HTML 文档结构。将 CSS 类名分配给节点的能力将是一个加分项。速度和响应能力也是一个主要因素。
澄清：
我希望看到一个不依赖 contentEditable 的编辑器，因为正如 Pekka 提到的那样，这是烦恼的根源。
【问题讨论】：
标签：
canvas
editor
wysiwyg
【解决方案1】：
使用 Canvas 之类的东西来做一个 HTML 编辑器要比 Bespin 复杂得多。在 Bespin 中，文本始终使用相同的字体，没有要遵守的 html 或 css 规则，它只是您可以事先知道应该如何呈现的文本。而且你必须记住，做 Bespin 这样的事情并不容易。
在 HTML 中有图像、表格、列表、不同的字体大小、浮动元素...所以使用 Canvas 进行所有渲染将是一项巨大的初始任务，之后您必须添加编辑功能以选择文字、图片……
Flash 确实支持一组有限的 HTML，它在这方面确实很差，所以你不能指望一个好的 HTML 编辑器基于它。
关于 Silverlight，我不知道它的当前状态，但是在他们发布“可用”的第一刻，你可以期待几个这样的编辑器会弹出，就像有数百个小 js 编辑器只是使用内容可编辑。
所有声称快速、小巧或简单的 js 编辑器与 CKEditor 和 TinyMCE 等最广泛使用的 js 编辑器之间的区别在于，这些编辑器努力解决每个浏览器引起的问题，这就是为什么它们不是这么小，但另一方面，您可以更好地控制输出和编辑时的行为。在这方面，这些编辑器自己实现了很多功能，contentEditable 可能用于提供基本的键盘功能，但每天都有更多的功能在 js 中实现，而不是依赖于 contentEditable 的本机行为。
【解决方案2】：
有趣的问题。
在我看来，最先进的基于 HTML 的 WYSIWYG 编辑器是 CKEDitor。它有一个干净的 API，文档还不完善，但它已经到了那里，可用性非常好 - 虽然它有时仍然倾向于显示你描述的问题，但这通常取决于浏览器的“可编辑 HTML”引擎和其他东西你会在每一个基于 HTML/JS 的 WYSIWYG 组件中遇到。
有兴趣看看 Flash 或 Silverlight 世界中是否有更进化的东西。
【解决方案3】：
http://tinymce.moxiecode.com/我喜欢这个用于简单网络应用程序的编辑器，它对用户来说也很熟悉。 TinyMCE 非常容易设置并且速度非常快，即使在 IE6 中也是如此。您还可以在下拉列表中设置自定义类并将它们分配给文本，就像您将粗体文本一样，这很好。也非常可定制。
就 Canvas 文本编辑器而言，除了 Bespin 项目之外，我还没有真正见过。
【解决方案4】：
我将http://www.wymeditor.org/ 用于一个项目。它与其他替代品略有不同。它不会为您提供所有的字体大小、字体颜色、粗体等。但只能让您构建页面的结构部分，例如：list、em、strong、table、headline 等。
您当然可以使用一组类对其进行扩展。但想法是，例如，您不能更改列（在表格中）的宽度，但您可以定义具有特定宽度、边框等的类。
因此，它不允许用户做意外的事情 :) 这有好有坏。好：页面符合指定的风格，干净，紧凑。不好：如果用户想要一些意想不到的东西，你必须添加一个类来做到这一点。
它确实依赖于可编辑的内容，但它抽象了浏览器。所以生成的代码是完全标准的，顺便说一下 XHTML 是严格的。拿示范来看看吧:)
我知道您正在寻找基于插件的编辑器，但以下声明：
“我会使用这个编辑器来创建和维护相当简单的 HTML 文档结构，其中包含超链接、图像、标题和列表。将 CSS 类名分配给节点的能力将是一个优势。速度和响应能力也是一个主要因素。 "
Wymeditor 可以轻松管理。