contentEditable属性

最新推荐文章于 2021-03-30 15:07:13 发布
最新推荐文章于 2021-03-30 15:07:13 发布
阅读量3k 收藏 1
点赞数
分类专栏： HTML 文章标签： HTML5 全局属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ziy10231207/article/details/51877912
版权

1.它是由微软开发，被其他浏览器反编译并且投入应用的一个全局属性

2.该属性的功能是允许用户编辑元素中的内容//所以这个元素必须是可以获得鼠标焦点的元素，并且在点击鼠标后要向用户提供一个插入符号，提示可编辑

3.属性是布尔值属性，可以指定为true或者false

4.contentEditable属性还有一个隐藏的inherit（继承）状态，属性为true，元素为允许编辑；属性为false,元素不允许编辑，未指定true或者false,由inherit状态来决定，如果他的父元素可以编辑，那么这个元素也是可以编辑的。

isContentEditable属性，元素可以编辑时，属性为true.元素不可以编辑的时候，属性为false


会飞的蜗牛haha
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端基础入门（13）contenteditable 属性
fenghulun的博客
06-11 4743
此属性规定元素是否可编辑（HTML5新增）。 如果元素未设置contenteditable属性，那么元素会从其父元素继承该属性。 语法结构: <``element contenteditable``=``"true|false|inherit"``> 参数解析: （1）.true:表示元素可以编辑。 （2）.false:表示元素不可编辑。 （3）.inherit:表示从父元素继承，默认...
1、每天学习一点点之 contenteditable 属性
Beth__hui的博客
10-12 829
起初 遇见一个 需求 是 要求 再输入框可以输入文本， 点击检测，调用接口，将特定的文字可以 加颜色 或者 下划线展示， 然后可以继续输入。 正常是用textarea， 但是textarea 不可以 v-html， 里面只能是文本， 不能包含标签。 所以发现该 属性-----contenteditable <div contenteditable="true">这是一个可编辑段落。</div> 这样就可以实现 div 可以编辑， 如同textarea。 并且可以包含标签，进行样式修
html5入门初学者笔记（十）- 全局属性（contentEditable属性）
jeffrey_feng2018的博客
06-05 2155
contentEditable是由 微软开发的，被其他浏览器反编译并投入应用的一个全局属性。1.允许用户编辑元素中的内容，该元素必须是可以获得鼠标焦点的元素，而且在点击鼠标后要向用户提供一个插入符号，提示用户该元素的内容允许编辑2.contentEditable属性是一个布尔值属性，可以被指定为true或false3.该属性还有个隐藏的inherit（继承）状态，当属性值为true时，元素被指定为...
HTML5进阶-contentEditable属性详解
qq_43799743的博客
05-26 7981
记得引用jQuery
js实现可编辑的div，并在光标处插入元素
weixin_44817017的博客
03-30 6657
js实现可编辑的div，并在光标处插入元素 定义一个可以编辑的div，用户可以输入内容，并根据需要在光标处插入HTML元素或文本内容。 并且实现placeholder的效果 文章目录js实现可编辑的div，并在光标处插入元素一、可编辑的div 和 placeholder效果二、在光标位置插入元素1. 获取div输入的内容2.在光标位置插入按钮 一、可编辑的div 和 placeholder效果 关键点：contenteditable属性 标签的contenteditable属性可以设置元素内容是否
设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
09-28
有些Weber可能没有用过contenteditable这个属性，如果想编辑一个DIV里面的内容，这个属性是一个非常不错的选择
基于HTML5 contenteditable属性开发的富文本编辑器，PC端版本.zip
02-14
本项目“基于HTML5 contenteditable属性开发的富文本编辑器，PC端版本.zip”显然是一个利用这一特性的实践案例。 `contenteditable`属性可以添加到任何HTML元素上，如`<div>`、`<p>`或`<span>`等，使得该元素变得可...
HTML5中对contenteditable属性的解释与规定
11-17
当一个元素的contenteditable状态为ture（contenteditable属性为空字符串，或为true，或为inherit且其父元素状态为true）时，意味着该元素是可编辑的。 否则，该元素不可编辑。 更多html5相关信息请关注：...
格式化的HTML文本转换成SVG文本源代码 利用contenteditable属性，div标签里的文本将可以编辑 借助execC
最新发布
03-08
利用contenteditable属性，div标签里的文本将可以编辑。借助execCommand，div标签的字体样式可以动态调整。源代码中包含了计算HTML文本结构、判断换行等功能，生成跟HTML所见一模一样的SVG文本。 yarn install ...
HTML contenteditable 属性
qq_15007601的博客
09-04 404
HTML contenteditable 属性  HTML 全局属性 实例 可编辑段落: &lt;p contenteditable="true"&gt;这是一个可编辑段落。&lt;/p&gt; 尝试一下 » 浏览器支持 所有主流浏览器都支持 contenteditable 属性 定义和用法 contenteditable 属性指定元素内容是否可编辑。 注意： 当元素中没有...
div+contenteditable 实现富文本发布框的小结
weixin_34345753的博客
03-10 1680
效果图和实现的功能 实现的效果图如下，主要实现的功能有 表情的插入 插入话题之后部分文字选中 文本框高度自适应 发送消息，获取发送框中的纯文本内容 placeholder的实现 输入文字的计数面板 代码地址传送门 代码实现Vue 灵感来源 “你想做的一定有人做了，你一定不是第一个遇到这个问题的人”——这句话对80%（二八分布）的人是有效的，我也从中获益不少。 我的第一份参考案例是qq空间的说...
基于contenteditable属性的简易web在线编辑器
小易的博客
06-20 8310
本文用元素的contenteditable属性实现了一个非常简易的文本编辑器。
div可编辑，contenteditable 属性
热门推荐
前进者
02-14 3万+
1、添加contenteditable属性让文本处于可编辑状态， 实例 &lt;divcontenteditable="true"&gt;这里可以编辑&lt;/div&gt; contenteditable: "inherit";(默认) contenteditable: "plaintext-only";(输入纯文本) contenteditable: "true"; contente
contenteditable="true"属性让div+css可以相当于Input
xx搞事情的博客
11-28 2万+
可以编辑里面的内容    如果你在BODY里面加上contenteditable="true"，可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑。 contenteditable属性兼容所有浏览器（IE6之前的版本是否兼容未测试） 在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果，例
html contentEditable属性
woshimaijunjinzhen的专栏
01-13 1万+
contentEditable - 简介 　　contentEditable是html中的一个属性。设置html的contentEditable=‘true’时，即可开启该元素的编辑模式。  　　Html中的contentEditable的属性可以打开某些元素的可编辑状态．contentEditable的作用相当神奇．可以让div或整个网页，以及span等等元素设置为可写．我们最常
HTML5的contenteditable属性
WinstonLau的博客
03-11 491
该属性是 HTML5 新增全局属性，其用途是让用户能够修改页面上的内容 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;contenteditable&lt;/title&gt; &lt;/head
HTML5 contenteditable属性
Leayh
06-12 1047
背景 今天在项目开发过程中通过接口拿到了第三方返回的dom节点，结果发现展示到页面上会出现编辑框，然后查看了代码发现该标签内添加了contenteditable = true属性，由于之前没有用到过这个属性，遂上网查了一下。 学习 定义：contenteditable属性规定是否可编辑元素的内容。 语法： &lt;element contenteditable="value"&gt;...
vue div contenteditable属性，模拟v-model双向数据绑定功能
金大光
12-02 2万+
在一些特殊的请款下需要用div的contenteditable属性来模拟v-model的功能，但是直接在div上写v-model是不起作用的，首先来看一下v-model是怎么实现的 :value="content" @input="content=$event.target.value" /> 直接把input上的方法移植到div上，会发现居然可以实现v-model的功能 div c
如何普通的div标签可以编辑------HTML 5 全局 contenteditable 属性
supramolecular的博客
09-04 1208
 一般的只有input和textarea才能够输入文本,那么对于div,p标签来说,如何能够输入文本呢,html5提供了一个contenteditable 属性 &lt;p contenteditable="true"&gt;这是一段可编辑的段落。请试着编辑该文本。&lt;/p&gt; 定义和用法 contenteditable 属性规定是否可编辑元素的内容。 值 描述 tru...
contenteditable属性如何使用
06-01
`contenteditable`属性可以让一个元素（比如`div`、`p`、`span`等）变成可编辑的，用户可以在其中输入文字、删除文字等。可以通过以下方式来使用`contenteditable`属性： ```html <div contenteditable="true"> 这...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值