Content Editable

概述

在HTML中，任何元素都可以编辑。通过使用一些JavaScript事件处理程序，您可以将您的网页转换成一个完整而快速的富文本编辑器。本文提供了有关此功能的一些信息。

在HTML5中,任何元素都是可编辑的. 这项特性在很久以前就已经被提出,不过直到现在才被WHATWG (当前HTML标准)组织标准化. 通过一些javascript事件处理函数,你可以把自己的网页转换成完整快速的富文本编辑器.

它是如何工作的?

只要将HTML元素的contenteditable属性值设置 true,  就可以激活编辑模式，那么该元素范围中的内容都是可编辑的.

例子

1. 这是一个简单的例子，创建一个<div>元素，用户可以编辑其内容。

    <div contenteditable="true">
      This text can be edited by the user.
    </div>

2. 另一个使用LocalStorage技术配合的content editable例子演示

相关链接

如何与网页内容进行交互  (IE风格API)

在mozilla浏览器中进行富文本编辑