【问题标题】：contenteditable v.s. user-modifycontenteditable vs.用户修改
【发布时间】：2014-04-09 05:30:35
【问题描述】：

contenteditable 属性和user-modify css 规则之间的主要区别是什么？

到目前为止，我发现了两个：

使用user-modify: read-write-plaintext-only 我们可以disable pasting of rich text。
user-modify 仅在 IE10+ 中受支持，而 contenteditable 在 IE 中自 5.5 版起受支持

谢谢！

【问题讨论】：

太糟糕了，这没有更多的答案。但是，您似乎已经列出了大部分差异/好处。
第一点是千篇一律的真实。它不是跨浏览器。例如 Firefox 不支持它。

标签： html contenteditable

【解决方案1】：

一个主要区别是通过 CSS 样式可以根据 to some W3C draft 具有以下值：

只读：用户可以查看、选择（如果适用）和复制元素外的信息，但不能修改元素的内容元素。

读写：用户可以查看、选择（如果适用）和编辑元素的内容。

只写：用户可以选择和编辑元素的内容，但无法查看实际内容，也无法将其复制出来。渲染的“不可读”内容取决于用户代理（可能呈现就像一串子弹或其他形式的文本希腊语。）

这意味着可以将元素设置为“只写”，这将（取决于实现）是类似于'<input type="password".....>' 元素的状态。

在非标准 -webkit 中，您可以如上所述仅制作纯文本，目前在 Firefox 中是不可能的（正如我上面的评论所述）

更新

使用当前 38 Firefox 进行的测试表明，CSS 属性确实没有任何关于内容变得可编辑的事实。唯一的方法似乎是通过 html-tag 属性 contentediable。

【讨论】：