最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
HTML5实现某个页面元素或整个页面可编辑
时间：2015-10-14 编辑：简简单单 来源：一聚教程网
1，把任何元素的contenteditable属性设置成true，点击即可以编辑该元素的内容
你可以编辑这段文本
2，也可以使用js来动态的开启和关闭编辑功能
你可以编辑这段文本
3，使用designMode编辑整个页面
如果让整个页面都可以编辑，那么页面上的按钮事件也会失效。所以通常会把要编辑的文档放在一个<iframe>元素中，而这个元素就充当了一个超级的编辑框。
下面样例是点击“开始”则可以编辑iframe里加载的网页。点击“停止”后，iframe里的页面退出设计模式变为不可编辑，同时下方div显示页面编辑后的html代码。
（注意：iframe加载的页面要在同一个域下才能编辑）
-
下一个： HTML5日期和时间控件的测试例子
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31