contenteditable的核心优势

传统input和textarea的本质缺陷在于：它们只能处理纯文本。浏览器将其内容视为字符串，不会解析任何HTML结构。这意味着想在编辑区放入一个可点击的标签、一张缩略图、一个交互按钮？门都没有。

contenteditable属性的出现彻底打破了这一限制。它将任意DOM元素转变为可编辑状态，开发者可以在其中插入任何HTML结构。div标签配合contenteditable="true"，就是最轻量的富文本编辑器起点。