小tip: 如何让contenteditable元素只能输入纯文本
这篇讲的是如何在 `contenteditable` 元素中实现“纯文本输入”的几种前端实践。作者从实际开发中“粘贴富文本”导致格式污染的痛点出发，对比了解决该问题的不同方案。 首先，他介绍了利用 CSS 属性 `-webkit-user-modify: read-write-plaintext-only` 的方法，该属性在 WebKit 内核浏览器（如 Chrome、Safari）中能有效限制输入，但兼容性有限。随后，文章深入到 HTML 标准，指出 `contenteditable` 属性存在一个鲜为人知的 `plaintext-only` 新值，它同样主要在 Chrome 中表现良好。 鉴于上述方案的兼容性局限，作者最终提供了一种更具普适性的 JavaScript 解决方案：通过监听 `paste` 事件，拦截剪贴板内容，过滤掉 HTML 标签，再以纯文本形式插入元素。文末附上了具体的代码实现，并指出此方法能兼容包括 IE8 在内的主流浏览器。 因此，这篇文章为开发者提供了从 CSS、HTML 到 JavaScript 的多层次工具箱，帮助大家根据项目的技术栈和兼容性要求，选择最合适的“纯文本编辑”实现路径。
