javascript `designMode`

designMode

designMode 应用于整个文档.

如果我们只希望网页的某些部分可编辑并且只需要基本的编辑功能，我们可以使用 contenteditable 属性。

document.designMode 是一个文档级别的属性，当设置为 ‘on’ 时，会使整个HTML文档进入可编辑状态，用户可以像在文字处理器中一样直接编辑页面内容。

主要特点：
全局编辑：启用后，整个文档内容都可编辑

丰富的编辑功能：支持加粗、斜体、列表、对齐等格式操作

与 execCommand 配合：可以使用 document.execCommand() 执行各种编辑命令

内容保持：编辑后的内容会保留在DOM中，直到页面刷新

实际应用场景：
富文本编辑器开发

内容管理系统(CMS)

在线文档工具

网页原型设计和快速内容修改

See the Pen document.designMode by liu874396180 ( @liu874396180) on CodePen.