html5div可编辑 html5 编辑器

div设置contenteditable=true,即可编辑,我想做一个按钮,点击它之后...

貌似DIV不行吧。只有文本框才可以有光标啊。

加 contenteditable=true 属性可让 div 变为可编辑状态，同时点击时获取焦点。补充：设置tabindex属性，按键盘 Tab键 可让其获取焦点，其中 tabindex 的值越小在 Tab键 切换的时候就会首先聚焦。

contenteditable属性可以把div变成可编辑状态，这是开发文本编辑框的基础。添加该属性后基本是满足一般文本输入。

现在我们有一个很简单的实现办法，就是让一个div标签（高度自适应block元素）模拟编辑器。

比如，div提交的内容/div，提交读取的值应为div style=css样式提交的内容/div而你提交的是DIV里面的内容。

相关问答

Q1: 使用html5css3编辑页面是不是就可以抛弃divcss编辑模式了

这些只是标签而已，而且现在页面布局不就是div+css么。无论怎么更新，都会支持这三个标签，向下兼容。

尽管这有些勉强，但上面这个实例还是可以说明使用HTML4对一个复杂的设计进行代码化后依然过于臃肿(其实xHTML1也不过如此)。不过值得激动的是，HTML5解决“div-soup” 综合症并带给我们一套新的结构化元素。

没什么大区别，div照样用，只是html5里面增加了一些文档结构标签比如：nav、header等，方便而已，同事htm5增加了一些功能组建。

div CSS的叫法只是从代码形式上进行的命名其实描述并不准确，正确的理解应为html4+Css0，这样就可以理解什么是 HTML5+CSS3了，HTML是用于描述网页文档的一种标记语言。

DIV + CSS3 是制作静态网页部分通用的方式。同样适合html只是html5是针对制作手机网页.而我们通常用的html是在pc端使用的。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。

Q2: html5div可随意拖动怎么实现

html5 拖动效果在手机上实现方法是调用drag和drop一系列函数实现的。注意：拖拽源在拖拽操作结束将得到dragend事件对象，不管操作成功与否。

首先，为了使元素可拖动，把 draggable 属性设置为 true ：img draggable=true / 拖动什么 - ondragstart 和 setData()然后，规定当元素被拖动时，会发生什么。

系统中选择的一个或多个文件拖入该div中，files中会存储拖入文件的信息，然后我们通过file可以得到文件的类型，长度，内容然后实现上传。setDragImage(image， x， y)用于设置鼠标移动过程中随鼠标一起移动的效果图。

如果做过前端图片裁剪就比较好理解这个概念了。大致是点击后判断是否接触了子div然后获得鼠标位置再不断的更新子div的坐标。

html5这个属性只是标明这个层，可以做这个动作而已，你真正要操作这个动作，你需要js来操作它。

Q3: html5的section和div用法有什么区别?

1、html5的section和div用法区别为：对应内容不同、用途不同、来源不同。对应内容不同 section：每个section必须对应内容本身不同的主题。div：div可以对应内容本身相同的主题。

2、多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能，很容易混淆。

3、div表示一个布局容器，本身没有任何语义，用作布局以及样式化或脚本的钩子(hook)。divthis is a div /div section 表示一段专题性的内容，一般会带有标题。

4、section：与div相似，但它有更进一步的语义。section用作一段有专题性的内容，一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。

5、，针对一个块内容做样式化，三者并无区别。2，div section article ，语义是从无到有，逐渐增强的。

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