最前沿的WYSIWYG编辑想要

Question

可以在博客上使用的最有效的WYSIWYG编辑器是什么？

我正在寻找像Gmail这样的东西，但是我很生气，有时候光标卡在一些看不见的包装div标签中，或者在选择和删除文本的一部分之后光标跳到结束时整块。

理想的编辑器不必向后兼容，也可以使用新兴技术。我脑子里没有任何具体内容，但我听说过Bespin项目，并想知道canvas标签可能有用。或者也许是Silverlight或Flash，我不知道。

我将使用此编辑器创建和维护包含超链接，图像，标题和列表的相当简单的HTML文档结构。将CSS类名称分配给节点的能力将是一个加号。速度和响应能力也是一个主要因素。

澄清：

我很想看到不依赖contentEditable的编辑，因为Pekka已经提到过这是烦恼的根源。

Answer 1

有趣的问题。

在我看来，最基本的基于HTML的WYSIWYG编辑器是CKEDitor。它有一个干净的API，文档还不完美，但它已经到了，可用性非常好 - 虽然它有时候仍然会显示你描述的问题，但这通常取决于浏览器的“可编辑HTML”引擎和某些东西你会遇到每个基于HTML / JS的WYSIWYG组件。

有兴趣了解Flash或Silverlight世界是否有更多进化。

Answer 2

使用Canvas之类的东西做一个HTML编辑器要比Bespin复杂得多。在Bespin中，文本总是使用相同的字体，没有html或css规则可供尊重，它只是您可以事先知道它应该如何呈现的文本。而且你必须记住，做像Bespin这样的事情并不容易。

在HTML中有图像，表格，列表，不同的字体大小，浮动元素......所以使用Canvas进行所有渲染将是一个巨大的初始任务，之后你必须添加编辑功能来选择文字，图片，......

Flash确实支持一组有限的HTML，在这方面它确实很差，所以你不能指望基于它的好的HTML编辑器。

关于Silverlight，我不知道它的当前状态，但是在他们发布“可用”的第一时刻，你可以期待几个这样的编辑器弹出，就像有数百个小js编辑器只是使用CONTENTEDITABLE。

声称快速，小巧或简单的所有js编辑器与CKEditor和TinyMCE等最广泛使用的编辑器之间的区别在于，这些编辑器很难解决每个浏览器导致的问题，这就是为什么它们不是这么小，但另一方面，你可以更好地控制输出和编辑时的行为。在这方面，这些编辑器自己实现了许多功能，contentEditable可能用于提供基本的键盘功能，但每天都有更多的功能在js中实现，而不是依赖于contentEditable的原生行为。

Answer 3

http://tinymce.moxiecode.com/我喜欢这个简单的网络应用编辑器，对用户来说也很熟悉。即使在IE6中，TinyMCE也非常容易设置并且速度非常快。您还可以在下拉列表中设置自定义类并将它们分配给文本，就像您可以使用粗体文本一样。非常可定制。

就Canvas文本编辑器而言，除了Bespin项目之外我还没有真正看到过。

Answer 4

我将http://www.wymeditor.org/用于项目。它与其他替代品略有不同。它不会给你所有的字体大小，字体颜色，粗体等等。但只允许你构建页面的结构部分，如：list，em，strong，table，headline等。

您可以使用一组类来扩展它。但是你的想法是你不能改变列（在表格中）宽度，但你可以定义一个具有特定宽度，边界等的类。

因此它不允许用户做出意想不到的事情:)这既好又坏。好：页面符合指定的样式，干净，紧凑。错误：如果用户想要意外的事情，你必须添加一个类来完成它。

它确实依赖于可编辑的内容，但它将浏览器抽象出来。所以生成的代码是完全标准的，顺便说一下XHTML是严格的。参加演示看看:)

我知道你正在寻找一个基于插件的编辑器，但是这句话： “我使用这个编辑器来创建和维护包含超链接，图像，标题和列表的相当简单的HTML文档结构。将CSS类名称分配给节点的能力将是一个加分。速度和响应能力也是一个主要因素。 “ Wymeditor可以轻松管理。