html5contenteditable，html5contenteditable用于什么

html5新增的全局属性有哪几个?描述其主要功能。

新的全局属性：id， tabindex， repeat 文件类型声明（！DOCTYPE）仅有一型：！DOCTYPE HTML。

ul标签支持 HTML 中的全局属性： 属性描述accesskey规定激活元素的快捷键。class规定元素的一个或多个类名（引用样式表中的类）。dir规定元素中内容的文本方向。id规定元素的唯一 id。lang规定元素内容的语言。

progress代表进度条，表示任务过程，属性有max（任务总量）\value。datalist为Input标记定义一个下拉列表，配合option标签。其他 details创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息。

相关问答

Q1: 如何实现contenteditable可输入元素的onchange事件

在上述代码中，使用 `` 元素，并设置 `contenteditable=true` 属性，使其可以编辑。然后，使用 JavaScript 监听输入事件，获取输入内容并进行处理。

不过楼主说了，contenteditable=true ，刚才试了一下，没实现，没空写代码了，说下思路。由于div没有onChange事件，可以自己写一个onChange（），当内容变化的时候可以执行替代操作。

事件 描述onactivate 当对象设置为活动元素时触发。onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。onbeforeactivate 对象要被设置为当前元素前立即触发。onbeforecopy 当选中区复制到系统剪贴板之前在源对象触发。

让contenteditable元素只能输入纯文本 （1）css控制法 一个div元素，要让其可编辑，contenteditable属性是最常用方法，CSS中也有属性可以让普通元素可读写。

Q2: 文本编辑器的通过什么技术实现的

文本编辑器一般都用 iframe 实现。 iframe 内部文档的 designMode = on 就是编辑模式。 designMode = on 的情况下，可以执行浏览器的编辑命令 execCommand。 编辑器的每一个按钮对应一个 command。

这么说吧，其实java版的记事本就是一个JTextArea再加上一些菜单项，再加上查找对话框、替换对话框等。除了在“打开”“保存”“新建”等操作时要判断一下是否弹出“编辑文件已改变，是否保存”的对话框，别的没多大难度吧。

WebView + JavaScript 实现。现在 Web 端有很多成熟的 JavaScript 富文本编辑库，比如 Squire ，你只需要做好 WebView 和 JavaScript 的交互就可以了（多写回调函数）。

简单记事本：用winform 或者 wpf 放一个 textbox 控件，实现一下多行，放置几个菜单，添加上保存等功能就可以了。富文本编辑器，用 richtextbox 控件，实现编辑、剪贴、撤销等操作。

用户还可以通过“超链接”选项卡中的“链接”按钮来创建链接。在创建链接时，用户可以选择链接的类型（如文本、图像、书签等），并指定链接的目标文件和位置。

Q3: HTML网页中textarea的高度自适应怎么实现

1、方法步骤：【实例名称】textarea自适应文字行数 【实例描述】textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数。本例学习如何让textarea根据用户的输人文本，自动调整高度和宽度。

2、写在pre标签里的东西可以原格式输出，如果要在别的元素，比如div上实现类似的效果，可能需要使用一些CSS，比如white-space：pre，诸如此类的代码。

3、extarea文本域轻松实现高度自适应 demo演示地址：http：// 因为textarea不支持自适应高度，就是定好高度或者是行数之后，超出部分就会显示滚动条，看起来不美观。

Q4: 如何使html页面中的文本变为可编辑的

四。单击打开您的浏览器自带的开发工具。它将直接位于编号为32的代码元素中。如果没有，就在附近。你可以在代码中找到并展开三角形。双击这个数字，你将进入编辑状态。

HTML5有contenteditable的全局属性，例如：p contenteditable=true这是一段可编辑的段落。请试着编辑该文本。/p其中各属性赋值：true 规定可以编辑元素内容。false 规定无法编辑元素内容。

cookie或sessionStorage（html5内容），最好不要用，有时间限制，不能存放大量内容。html5的新内容，localStorage，现在最新的浏览器还是能支持的。

方法一：设置readonly属性为true。Html代码 input type=text value=readonly readonly input type=text value=readonly readonly 方法二：设置disabled属性为true。

无论在普通视图与html视图两种方式中进行编辑，你都可以随时通过预览查看编辑效果。如果你会用Dreamweaver或者Frontpage工具制作网页，你可以直接采用那些工具制作网页后，拷贝新页面的源代码。

关于html5contenteditable和html5contenteditable用于什么的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。