editor - 与 ContentEditable 一起使用的好的 WYSIWYG 编辑器是什么？

Question

就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the help center寻求指导。




9年前关闭。




我正在尝试构建类似于 Google Docs 的东西，您可以在其中直接编辑页面，而不是通过 textarea 或 iframe。这可以通过 contentEditable HTML5 属性实现。

那么有没有什么好的编辑器可以在 contentEditable 之上使用，以提供文本格式、插入链接、从 word 粘贴等功能？

http://www.aloha-editor.org/是我找到的一个，但我想知道是否还有更多。

(编辑:我应该澄清一下，我不是在尝试构建整个 Google 文档，我只是将其用作编辑实际内容的示例)

Answer 1

WYMeditor 2.0 版(目前我和其他人正在大力开发)也使用 contentEditable，但主要依赖于选择/范围/dom 进行操作，因为 designMode 和 contenteEditable API 的行为在浏览器供应商之间差异很大。

一些功能/设计目标是:

所见即所得编辑 – 分离内容和演示文稿，我们启用富文本格式，但将演示文稿留给设计师。

模块化架构 – 仅使用您想要的组件(并将它们与您自己的 ui Hook )或放入带有工具栏、对话框和所有内容的“全栈”编辑器。

严格的 xHTML(5) – 编辑器默认输出严格的 XHTML(便于根据需要转换内容)。如果那不是您想要的，您可以编写自己的解析器和序列化程序来支持您想要的任何格式。

占位符/自定义元素 – 占位符甚至自定义元素使您能够在编辑器中管理几乎任何类型的内容。与 StructureValidator 一起，您可以强制执行嵌套、格式化、有效属性等规则。

来源可用 on GitHub预计将在一两个月内发布第一个测试版。