HTML5 contenteditable属性

背景

今天在项目开发过程中通过接口拿到了第三方返回的dom节点，结果发现展示到页面上会出现编辑框，然后查看了代码发现该标签内添加了contenteditable = true属性，由于之前没有用到过这个属性，遂上网查了一下。

学习

• 定义：contenteditable属性规定是否可编辑元素的内容。

• 语法：

  <element contenteditable="value">
  注：value的取值有三种，true（可编辑）、false（不可编辑）、classname（继承父元素的 contenteditable 属性）

• 实例：

  <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

• 兼容性：基本兼容所有浏览器。

参考：HTML 5 全局 contenteditable 属性