contenteditable与用户修改

uri*_*ish 8 html5 contenteditable

contenteditable属性和user-modifycss规则之间的主要区别是什么?

到目前为止,我发现了两个:

  1. 使用user-modify: read-write-plaintext-only我们可以禁用粘贴富文本.
  2. user-modify仅在IE10 + contenteditable中受支持,而自5.5版以来在IE中受支持

谢谢!

hum*_*ace 4

一个主要区别是,根据某些 W3C 草案,通过 CSS 样式可以 具有以下值:

  • 只读:用户可以查看、选择(如果适用)和复制元素中的信息,但不能修改元素的内容。
  • 读写:用户可以查看、选择(如果适用)和编辑元素的内容。
  • write-only:用户可以选择和编辑元素的内容,但无法查看实际内容,也无法将其复制出来。“不可读”内容的呈现取决于用户代理(可能呈现为无内容、一系列项目符号或某种其他形式的文本希腊语。)

这意味着人们可能可以将一个元素设置为“只写”,这将(取决于实现)成为与该'<input type="password".....>'元素类似的状态。

在非标准中,-webkit您可以如上所述只制作明文,目前在 Firefox 中不可能(正如我上面的评论所提到的)

更新

对当前 38 Firefox 的测试表明,CSS 属性确实对内容的可编辑性没有任何影响。唯一的方法似乎是通过 html-tag 属性 contentediable。