HTML5已经从一个新的名词酿成了我们在项目中经常用到的对象了，今天我们就来分析一番此中contenteditable 。

contenteditable是HTML5的一个新的特性，有可能你也了解过一些，但是因为你没在项目中遇到过，只知道contenteditable="true"可以触发可编纂，对付如安在项目中的应用？会呈现什么问题呢？这些问题就是我们今天要说的。

先说说我遇到的。在一个项目中有个多行文本的输入，觉得textarea异常难以控制，所以测验考试使用contenteditable="true"来模拟了一下。但是问题特另外严重，他们的编纂内容居然有css样式，每次城市发出去一些代码。然后就是复现问题，发明他们内容都是复制出来，然后他们常用的编纂器复制出来的内容，会带有css的表示为style标签。这样下来是不是觉得没有步伐？然后告急切换回textarea？凡是这个工作都是这样结局的，但是我们的故事不能这样结局。

contenteditable="plaintext-only" 从单词上看来是纯文本，那么我们测试一下

是不是特另外神奇呢？别急，，css其实也是可以控制是否可以编纂-webkit-user-modify: read-write-plaintext-only，那么我们测试一下

固然这么酷的对象，兼容还不是很好，测试最好是在chrome里面进行

HTML5关于 contenteditable 介绍