logo
HTML

什么是 contenteditable?

Updated Apr 14, 2026

面试回答

考察点:富文本、编辑能力


contenteditable 可以让元素变成“可编辑”。

Code

<div contenteditable="true"></div>

用户可以直接在页面上输入内容。

常见场景:

  • 富文本编辑器

  • 评论输入框(高级场景)

不过它有很多坑,比如:

👉 粘贴内容格式混乱
👉 光标控制复杂

所以大多数情况会用编辑器库(比如 Quill)。