HTML5可编辑属性contenteditable_CSS3+HTML5_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

HTML5可编辑属性contenteditable

来源：未知作者：类型：文章教程点击次数：发布时间：2017-07-20 14:34:53

概述：

如果html中的内容可以直接编辑，就像富媒体编辑框一样就强大了。html5新推出的属性 contenteditable 就可以实现类似的功能，点击下面的运行按钮，测试看看：

<!doctype html> <html> <head> <meta charset="utf-8"> <title>contenteditable测试 - 我爱模板网 5.jimth.com</title> </head> <body> <div contenteditable="true"> 这是一段可编辑的段落。请试着编辑该文本。<br> 下图可以拖拽(火狐浏览器)，点击图片，上下左右会出现拖拽控制点：<br> <img src="https://5.jimth.com/view/demoimg/r_song3.jpg"> </div> </body> </html>
提示：您可以先修改部分代码再运行

contenteditable的语法：

<element contenteditable="value">

属性值：

值	描述
true	规定可以编辑元素内容。
false	规定无法编辑元素内容。
classname	继承父元素的 contenteditable 属性。