使用文本可编辑属性 contenteditable 轻松做到textarea 高度自适应

contenteditable 表示元素是否可被用户编辑，如果可以，浏览器会修改元素的部件以允许编辑。
contenteditable是一个枚举属性，并非布尔属性，也就是说并不建议缩写成

，而是需要写成

。 使用的方式如下例

  
  
  
  


  

    edit this content
  

使用 contenteditable编辑属性毕竟不是input 标签，许多属性是没有的，比如 placeholder , 或者框架的双向绑定是无法使用的，我们需要做一些处理来手动支持一下这些需求，如下

除了自适应的 textarea ，该属性还可以用于富文本编辑器，是个很不错很方便的属性，兼容性如下：

image.png

接下来聊聊我对这个属性的看法，这个属性确实方便了我们，但是容易混淆hmtl标签，从html语义化标签来说，慎用contenteditable属性，

以上。