【问题标题】:Rich Text Editing - designMode vs contentEditable富文本编辑 - designMode 与 contentEditable
【发布时间】:2010-08-18 15:16:11
【问题描述】:

创建跨浏览器富文本编辑器时。你会使用哪个?为什么?

请记住,粘贴必须具有弹性以抵御多种来源(记事本、word、其他网站),并且不应依赖于任何 Javascript 库。

【问题讨论】:

    标签: javascript cross-browser richtextediting


    【解决方案1】:

    您可能想要 contentEditable。 designMode 适用于文档,contentEditable 适用于特定元素及其子元素。

    http://blog.whatwg.org/the-road-to-html-5-contenteditable

    【讨论】:

    • ...目前它们都不是令人满意的解决方案。我已经放弃了所谓的富文本编辑(我只是假设它是所见即所得编辑器的同义词)并坚持使用 Markdown。
    • @Yijiang - 我确实在 MarkDown 上找到了一些资源,但编辑部分看起来像是一种“wiki”格式,不适合我们的用户。您是否有一个 MarkDown WYSIWYG 编辑器的示例,它在用户编辑时进行即时转换?
    • RTE 不是由 iFrame 封装的,它使富文本编辑器成为“文档”吗?如果是这种情况,那么 contentEditable 和 designMode 在它适用的上下文中实际上不是同一件事吗?
    • 如果您使用的是 iframe,我认为您是正确的;我自己从来没有完全实现过 RTE,不过我不确定。
    • 如果您希望在文档上混合可编辑和不可编辑的内容,例如要锁定某些部分的模板文档,则需要使用 contentEditable=" true" 在文档级别,contentEditable="true" 或 "false" 在其中的每个元素上。如果将 designMode 应用于文档,则浏览器往往会忽略其中元素的 contentEditable 设置,并且可以编辑整个文档。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-06-05
    • 1970-01-01
    • 2011-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多