6

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

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

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

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

4

2 回答 2

1

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

一些功能/设计目标是:

  • WYSIWYM 编辑——分离内容和演示,我们启用富文本格式,但将演示留给设计师。

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

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

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

源代码可在 GitHub 上获得,预计将在一两个月内发布第一个 beta 版本。

于 2011-03-24T20:15:40.877 回答
1

看一下HTML5 编辑器,它采用 textarea 元素并将其转换为具有 contentEditable 的 div。它有一个非常可定制的工具栏,可以轻松格式化内容。

于 2012-07-12T14:52:50.660 回答