【HTML&CSS】【4】contenteditable属性

最新推荐文章于 2024-04-18 10:15:16 发布
最新推荐文章于 2024-04-18 10:15:16 发布
阅读量111 收藏
点赞数
原文链接：http://www.cnblogs.com/huashengweilong/p/10807390.html
版权 
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

用途：使非表单标签得内容可以编辑

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

转载于:https://www.cnblogs.com/huashengweilong/p/10807390.html

aizhu4795
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css 可编辑,如何设置DIV可编辑
weixin_39612023的博客
08-04 2883
「来源: ｜web前端开发 ID：web_qdkf」如何让一个div变成可编辑状态，比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用)，类似textare。有2种方案可以实现：1是通过contenteditable属性设置为true，2是利用css的user-modify属性。方案一：contenteditable属性这里可以编辑contenteditable 属性是 html5...
HTML5中对contenteditable属性的解释与规定
11-17
contenteditable是一个枚举类型的属性，可供选择的值有 空字符串、 true、false 或 inherit（默认）。 当为空字符串时，效果和true一致。 当一个元素的contenteditable状态为ture（contenteditable属性为空字符串，或为true，或为inherit且其父元素状态为true）时，意味着该元素是可编辑的。 否则，该元素不可编辑。 更多html5相关信息请关注：http://www.html5cn.org
contenteditable 常用的一些CSS ！！
weixin_30372371的博客
01-29 478
类似于textarea的div：可以调大小，内容可以放图片，比textarea功能更丰富，判断内容为空只能用text，图片不算做text length <div contenteditable="true"></div> 注意：contenteditable使用删格键时，会在其内容html中增加一个<br/> 可以用JS解决： tatext =...
CSS中的contenteditable属性
北辰
05-09 4325
contenteditable属性可以使一个元素变为可编辑的状态 contenteditable="true" #开启文本编辑 contenteditable="false" #关闭文本编辑，该字段的值缺失时，效果和这个是一样的 contenteditable="plaintext-only" #开启文本编辑并且只保存纯文本 示例： <!--设置span元素为可编辑状态，从其它地方复制内容过来时，只保存纯文本--> <span con
contenteditable
u012732909的博客
05-18 188
我们在页面上写的大部分标签都是不可以编辑的 但是一旦你给元素加上 contenteditable 属性以后, 就变成可以编辑的了 <div contenteditable> hello world </div> 我们可以写一个内联样式, 写在 body 标签里面 <body> <style contenteditable style="display: block; height: 100px; overflow: auto;">
css属性之：contentEditable模拟input标签
最新发布
weixin_43925630的博客
04-18 217
css属性之：contentEditable模拟input标签
CSS - 开启 contenteditable 属性时，去掉点击编辑时显示的 “黑边框“（完美解决方案）
王佳斌
04-02 3041
contenteditable获得焦点后的边框设置，css如何去掉contenteditable属性的边框，vue怎么去掉contenteditable 属性边框，contenteditable 属性开启后点击有边框，删掉css contenteditable 属性的边框，css取消可输入标签聚焦时contenteditable的边框，contenteditable属性编辑器在手机看，获得焦点会有一个框outline没效果，怎么去掉？如何删除聚焦的 contenteditable pre 周围的边框？css
contentEditable属性
柑橘乌云_
07-14 541
我们最常用的输入文本内容便是input与textarea，但是有一个属性，可以让我们在很多标签中，如div,table,p,span,body等，可以像input输入框一样，实现文本编辑，这便是contentEdi。该属性的功能是允许用户编辑元素中的内容//所以这个元素必须是可以获得鼠标焦点的元素，并且在点击鼠标后要向用户提供一个插入符号，提示可编辑。contenteditable=“false” #关闭文本编辑，该字段的值缺失时，效果和这个是一样的。
H5 contenteditable 可编辑区域 以及 实现 placeholder
u014206461的博客
07-09 1056
一：H5 元素内容可编辑 contenteditable 是可以在元素上设置以使内容可编辑的属性。它适用于 DIV、P、UL 等元素。您必须指定它，例如，<element contenteditable="true|false">。 注意: 当contenteditable元素上没有设置属性时，它将从其父元素继承。 <h2> Shoppping List(Content Editable) </h2> <ul class="content-editable"
html中dom的可编辑属性（contenteditable）用法
yangyi
05-10 1315
1、contenteditable使用 contenteditable作为dom元素的可编辑属性，默认为false，当需要一个非input的标签需要编辑时只需设置该dom的contenteditable值为true即可。 //eg: <style type="text/css"> .box{ width: 400px; height: 100px; padding: 10px; background: #00B0F0; color: #FF0000; }
contenteditable="true"属性让div+css可以相当于Input
xx搞事情的博客
11-28 2万+
可以编辑里面的内容    如果你在BODY里面加上contenteditable="true"，可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑。 contenteditable属性兼容所有浏览器（IE6之前的版本是否兼容未测试） 在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果，例
基于contenteditable属性的简易web在线编辑器
小易的博客
06-20 8326
本文用元素的contenteditable属性实现了一个非常简易的文本编辑器。
内容可编辑contenteditable
xxxxxMiss的博客
04-06 1万+
前言最近遇到一个问题：文本域的高度随输入内容的多少自适应，就像是这样的： 刚刚拿到这个问题，就想到用textarea来搞定，尝试了一下，虽然也搞定了，但总感觉有点麻烦。仔细思考一番，想到貌似h5有个contenteditable全局属性也可以实现文本编辑，遂尝试搞起。contenteditable是什么？MDN上是这样描述的： The contenteditable global attr
div可编辑，contenteditable 属性
热门推荐
前进者
02-14 3万+
1、添加contenteditable属性让文本处于可编辑状态， 实例 &lt;divcontenteditable="true"&gt;这里可以编辑&lt;/div&gt; contenteditable: "inherit";(默认) contenteditable: "plaintext-only";(输入纯文本) contenteditable: "true"; contente
【html】可以编辑的div contenteditable属性
康一夏忙中偷闲的日子
06-14 8774
contenteditable属性代替input的文本编辑器预览效果事件和样式处理 代替input的文本编辑器 有时，我们不想使用input/textarea，但又希望标签的内容支持编辑。这时，可以使用html5的contenteditable属性。 contenteditable是全局属性，可以放在任意标签上，如div，p ，span等 写法一： <div contenteditable=...
div可编辑user-modify/contenteditable
韶光
01-23 1763
 div通常是用于只读的，但有时候我们需要对div的内容进行编辑，很多人推荐使用user-modify这个属性，在google里用-webkit-read-modify，在firfox里用-moz-user-modify。但是看这类用法使用文章之前，一定要看看别人写文时间，有些东西经久不衰，但有的东西就……例如前面说的user-modify，google现在仍旧支持的很好，而firefox你去试试...
contenteditable="true"属性可以让div+css相当于Input
hmyhicc的博客
10-29 575
&lt;p contenteditable="true"&gt;这是一段可编辑的段落。请试着编辑该文本。&lt;/p&gt; contenteditable 属性规定是否可编辑元素的内容。 contenteditable 属性是 HTML5 中的新属性。 ...
开启Html编辑模式的contentEditable属性
keke_Xin的专栏
03-12 402
contentEditable　html中的一个属性。设置html的contentEditable=‘true’时，即可开启该元素的编辑模式。 Html中的contentEditable的属性可以打开某些元素的可编辑状态．也许你没用过contentEditable属性．甚至从未听说过．contentEditable的作用相当神奇．可以让div或整个网页，以及span等等元素设置为可写。我们最常...
HTML5与CSS3深度解析
而IE8开始支持embed元素和contentEditable属性。 HTML5的表单支持也有了显著改进，引入了新的输入类型（例如date、email、url等）、placeholder属性、autofocus属性、required属性等，使得表单验证和用户体验得到了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值