前来挖墙脚的是html中的contenteditable，他是一个全局属性，可以大致理解为"可以使一个元素处于可编辑状态"，像极了textarea，不过还是存在许多不足跟问题，比如没有change钩子等，本文不作深入探讨❌

开胃

使一个div可以进行内容编辑：

<div contenteditable>点击我进行编辑</div>

乍一看，好像很普通，但是它可以解决一个textarea的一个痛点，那就是可以自适应高度，textarea可不行 ❕

正文

假如… 把该属性加在style元素上呢