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

Question

我正在尝试构建类似于Google文档的内容,您可以直接编辑页面,而不是通过textarea或iframe编辑页面.这可以使用contentEditable HTML5属性.

那么我是否可以在contentEditable之上使用任何优秀的编辑器,以提供文本格式化,插入链接,从单词粘贴等功能？

http://www.aloha-editor.org/是我发现的那个,但我想知道是否还有更多.

(编辑:我应该澄清一点,我不是要构建整个 Google Docs,我只是将其用作编辑实际内容的示例)

Answer 1

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

\n\n

一些功能/设计目标是：

\n\n

\n

• 所见即所得编辑\xe2\x80\x93 将内容和演示文稿分开，我们启用富文本格式，但将演示文稿留给设计人员。

\n

• 模块化架构\xe2\x80\x93 仅使用您想要的组件（并将它们与您自己的用户界面挂钩）或放入带有工具栏、对话框和所有内容的“全栈”编辑器。

\n

• 严格的 xHTML(5) \xe2\x80\x93 编辑器默认输出严格的 XHTML（以便根据需要轻松转换内容）。如果这不是您想要的，您可以编写自己的解析器和序列化器来支持您想要的任何格式。

\n

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

\n

\n\n

源代码可以在 GitHub 上找到获取，第一个测试版预计将在一两个月内发布。

\n