div可编辑，contenteditable 属性

1、添加contenteditable属性让文本处于可编辑状态，

实例

<div contenteditable="true">这里可以编辑</div>

contenteditable: "inherit";(默认)
contenteditable: "plaintext-only";(输入纯文本)
contenteditable: "true";
contenteditable: "false";
contenteditable: "caret";(符号)
contenteditable: "events";(不知道搞啥用的)

浏览器支持

所有主流浏览器都支持 contenteditable 属性。

2、利用css的user-modify
user-modify: read-only;
user-modify: read-write;
user-modify: write-only;(暂不支持)
user-modify: read-write-plaintext-only;(输入纯文本，暂时只有谷歌支持:
-webkit-user-modify: read-write-plaintext-only)