h5新属性，可编辑的段落 contenteditable=“true”

最新推荐文章于 2023-03-06 09:59:43 发布

weixin_34187862

最新推荐文章于 2023-03-06 09:59:43 发布

阅读量300

点赞数

原文链接：http://www.cnblogs.com/yudishow/p/4569781.html

版权

h5新属性，可编辑的段落 contenteditable=“true”

HTML 5 全局 contenteditable 属性

HTML 5 全局属性

实例

一段可编辑的段落：

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

亲自试一试

定义和用法

contenteditable 属性规定是否可编辑元素的内容。

HTML 4.01 与 HTML 5 之间的差异

contenteditable 属性是 HTML5 中的新属性。

语法

<element contenteditable="value">

属性值

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

posted on 2015-06-11 17:55 资江河畔阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/yudishow/p/4569781.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34187862

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

contentEditable,window.getSelection详解---可编辑div，容器，设置/获取光标位置，光标处插入内容及光标的操作

codingWeb的博客

11-07

8798

这周碰到一个骚东西，contentEditable ，它是用来指定一个元素是否是可编辑的，这也是富文本编辑器实现的底层支持，网上关于这部分东西的资料比较少或者不全，所以我来整理下关于这个属性，和可编辑区域的一些操作吧，比如获取光标位置，设置光标，往可编辑区域光标处插入内容等等 HTML中的contentEditable的属性可以打开某些元素的可编辑状态．也许你没用过contentEditable属性．甚至从未听说过．contentEditable的作用相当神奇．可以让div或整个网页，以及span等等元素

H5---DOM操作API

weixin_45626166的博客

09-25

409

H5—DOM操作API • 新DOM获取API出现： • 现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持，甚至就连微软也派出了 IE 8 作为支持这一特性的代表，querySelector 和 querySelectorAll 作为查找 DOM 的又一途径，极大地方便了开发者，使用它们，你可以像使用 CSS 选择器一样快速地查找到你...

参与评论您还未登录，请先登录后发表或查看评论

h5 contenteditable="true"可编辑区域

weixin_34026484的博客

04-20

158

<div contenteditable="true" style = 'width:300px'>这是一段可编辑的段落。请试着编辑该文</div> 转载于:https://www.cnblogs.com/ghfjj/p/6738754.html

html5新特性contenteditable=“true“属性让div+css可以相当于Input

漫天随飞雪的博客

03-01

245

参考文章：https://blog.csdn.net/lqlq54321/article/details/110078614 https://blog.csdn.net/lqyygyss/article/details/81773516

可编辑的段落contenteditable

星辰的笔记

12-27

522

可编辑的段落contenteditable突然发现一个有趣的东西<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>可以让p标签内的内容变成像input一样的可编辑状态div、span等标签也是可以的。。html5的新属性：contenteditable属性true 规定可以编辑元素内容。 false 规定无法编辑元素内容。 classn

HTML5之内容可以编辑

张波的技术积累

06-12

7578

范例——内容可编辑编辑区 contenteditable="true">这里的内容可以被编辑 contenteditable属性可以让元素的内容变成可以编辑的，也就是说，内容可以删除或者添加，并且可以将网页中其他元素的内容拖动到该元素中 contenteditable的值可以是tr

超文本标记语言（html）之段落编辑

yysyyssmdsmd的博客

03-06

245

前端基础知识

html5鼠标双击段落文字高亮显示遮罩层效果代码

11-23

this.contentEditable = 'true'; // 允许文本被选中和编辑 document.getElementById('maskLayer').style.display = 'block'; // 显示遮罩层 }); document.getElementById('maskLayer').addEventListener('click',...

HTML5新特性、CSS3新特性

qq_36582776的博客

04-19

609

1.HTML5 一：canvas标签 your browser does not support the canvas tag var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); 渲染结果：通过这个元素你可以绘制你想要的图案。二：video标签 your bro.

HTML5的语义化及新增和废弃元素属性详细总结

qq_36368991的博客

06-11

343

目录 HTML5的语义化常用节点元素标签：分组内容元素文本层次语义标记嵌入内容公共属性 input元素新增表单元素 HTML5的语义化 HTML5在继承了原有的标签的基础上，还添加了很多带有语义性的标记，比如<header>、<article>、<footer>等标记。那么为什么要增加这些标记呢？在以往的编程习惯中，我...

H5全局属性contenteditable，实现可编辑元素

weixin_30902675的博客

03-21

203

<div contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</div> 效果如下：转载于:https://www.cnblogs.com/sangzs/p/8615586.html

H5超级好用的可编辑属性contenteditable

月来better

10-13

1051

项目中有块功能是在table列表中需要输入相关数据及编辑数据，第一反应就是用input框，但是输入完数据需要将input边框隐藏，编辑数据时再显示边框，直到用了contenteditable属性替换掉用input方案，就不需要考虑边框问题了以下是一个简单的小demo，方便快速理解上手使用 #contentCon{ width: 100px; height: 40px; border: solid 1px #000000; } <div id="contentCon" contentedita

html 文字段落编辑,美化html段落文本 Ⅰ

weixin_39607710的博客

05-31

594

上篇已经说了在第五篇会开始讲CSS，刚开始讲不能讲得复杂，我们还是由浅入深，一步步来。还是那句话：先用起来，然后再去研究。即然我们第一篇讲的是段落，那我们这篇初讲CSS当然也还是要从段落开始，让我们的段落先漂亮起来。在没有讲CSS之前我们先去想一下什么样的段落才看起来才是最舒服的？如果大家一时还没有什么想法或是还不清楚如何去分析这个问题不妨先看一下《网页设计技巧系列之一浅谈文本排版》。不论如何至...

html5 contenteditable 可编辑属性

CJXBShowZhouyujuan的博客

08-31

7719

今天在工作中遇到了这样的需求。如上gif显示。于是就仔细的看下了 h5新增的这个可编辑属性 contenteditable contenteditable 属性规定是否可编辑元素的内容。contenteditable 可以设置为true/false ul{ margin: 0; padding: 0; } ul li{ display:

基于contenteditable属性的简易web在线编辑器

小易的博客

06-20

8338

本文用元素的contenteditable属性实现了一个非常简易的文本编辑器。

让div可编辑，设置标签的可读可写属性

baifu2766的博客

03-16

1290

1、添加contenteditable属性让文本处于可编辑状态，<p contenteditable="true">这里可以编辑</p> contenteditable: "inherit";(默认) contenteditable: "plaintext-only";(输入纯文本) contenteditable: "true"; contenteditab...

点击编辑按钮，前端table表格行内指定td可修改。（table是动态生成的）