实用的属性:contentEditable

最新推荐文章于 2024-09-26 10:36:19 发布
最新推荐文章于 2024-09-26 10:36:19 发布
阅读量881 收藏
点赞数
分类专栏： JavaScript 文章标签： server asp web
 

不知道各位有没有做过用于打印的Web页。

我帮客户做这个页面的时候，喜欢把某些区域定为contentEditable="true"，目的是让客户可以随便修改这些地方。

例如：

<Asp:Panel runat=server contentEditable="true"/>..<Asp:Label runat=server id=PrintTitle Text=PrintTitle/>..</Asp:Panel>

etilm
关注
专栏目录
设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
09-28
有些Weber可能没有用过contenteditable这个属性，如果想编辑一个DIV里面的内容，这个属性是一个非常不错的选择
editableDiv:Contenteditable 具有占位符功能的 jQuery 插件
06-12
2. **内容可编辑（contenteditable）**：理解 `contenteditable` 属性是使用此插件的基础。这个属性可以使任何 HTML 元素变为可编辑，只需在元素的 HTML 属性中添加 `contenteditable="true"`。 3. **占位符功能**...
前端H5 超好用的新标签 属性
D3S3P的博客
04-13 134
div获取光标即可编辑 失去光标自动保存可以改变div中的内容 类似于被固定了宽高的textarea文本域。
用 contentEditable 快速封装一个组件，产品直呼：你这效果真令我欢喜！！！
最新发布
weixin_47588164的博客
09-26 946
整个组件实现起来还是比较简单的，核心就是 contentEditable 属性，但实际以上实现还有很多缺陷，比如删除初始内容再输入时会将输入的内容保持在初始 DOM 元素中而不是创建新元素，以及删除初始内容的过程中针对于表单项的删除十分怪异，后来跟产品沟通了一下都还可以接受就没有再去优化。需要哪些 props？最近已经上手公司的业务了，但是整体难度不大，因为大部分的总结都是写在了内网语雀里，外加下班后回家被杨戬各种虐，“猴欢喜” 的台词听了有小几十遍🤐，所以好久没有在掘金上写过文章了😶。
contentEditable="true" 的妙用 - 打印
weixin_33801856的博客
12-30 106
不知道各位有没有做过用于打印的Web页。 我帮客户做这个页面的时候，喜欢把某些区域定为contentEditable="true"，目的是让客户可以随便修改这些地方。 例如： <Asp:Panel runat=server contentEditable="true"/>..<Asp:Label runat=server id=PrintTitle Text=Print...
列表标签
qq_29364461的博客
12-07 98
2.列表标签 表格是用来表述数据的，那么列表就是用来布局的。 列表包括：无序列表. 有序列表 . 自定义列表 2.1无序列表 <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> ul 里面只能放li li里面可以放任何元素 1.无序列表的各个列表项之间没有顺序级别之分，是并列的。 2. ul 里面只能放li 3.
contentEditable=true 的妙用 对表格实现编辑功能
MuBeiBei的专栏
09-21 2035
当遇到"JavaScript如何能让表格可以输入"这个问题时.我们大脑的潜意识会想到innerHTML用它来实现. 其实并不用那么麻烦,只用span标签的一个属性就可以实现可编辑功能. 可以编辑这个地方
HTML5之contenteditable属性
牛栏山矿泉水
03-18 604
HTML5之contenteditable属性 1、功能说明 （1）功能：允许用户编辑元素中的内容 （2）说明：是一个布尔值，false是不能编辑，true为可编辑 2、分析实例 （1）contenteditable属性为false &lt;!DOCTYPE html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; ...
弃用React组件：contentEditable纯文本编辑器解析
原因可能是 contentEditable 属性在不同浏览器之间的支持并不一致，从而导致兼容性问题。 组件的描述中提到，contentEditable 属性在最新稳定版的 Firefox (35)、Chrome (40) 和 Internet Explorer (11) 中进行了...
maxlength-contenteditable:用于contenteditable html属性的简单maxlength插件验证器，此插件不允许您放置超过指定的最大长度，还检查了从剪贴板粘贴
05-07
用于contenteditable HTML属性的最大长度插件 用于contenteditable html属性的简单maxlength插件验证器，此插件不允许您放置超过指定的最大长度，还检查了从剪贴板粘贴的情况。 演示链接 安装 npm $ npm install ...
reactjs-contenteditable:ReactJS 中 contentEditable 元素的简单易用组件
06-01
1. **内容编辑可变性**：`contentEditable`属性设置为`true`时，元素变为可编辑状态。用户可以在此元素内输入文本，进行复制、粘贴、删除等操作，类似于富文本编辑器。通过React组件化的方式，我们可以更好地控制...
使用HTML5中的contentEditable来将多行文本自动增高
09-28
主要介绍了使用HTML5中的contentEditable来将文本自动增高的方法,文章先对contentEditable这个HTML5中的新属性作了一个简单介绍,需要的朋友可以参考下
jquery-contenteditable:自动在“ contenteditable”字段上添加事件并返回更改的数据以进行进一步处理
05-19
jQuery contentEditable 自动在“ contenteditable”字段上添加事件，并返回更改的数据以进行进一步处理（和保存）。... 键是通过标记中传递的data-key属性定义的。 changedField ：包含已更改的字段对象。 选项
contenteditable属性将标签变为可编辑状态，可用于在线编辑修改文本
yiyueqinghui的博客
12-04 1668
1、概述 html 中大部分标签都是不可以编辑的，但是添加了contenteditable属性之后，标签会变成可编辑状态。 同时可以触发 input事件 输入内容变化时触发 focus事件 获取焦点时触发 blur事件 失去焦点时触发 2、示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style>
contenteditable
u012732909的博客
05-18 205
我们在页面上写的大部分标签都是不可以编辑的 但是一旦你给元素加上 contenteditable 属性以后, 就变成可以编辑的了 <div contenteditable> hello world </div> 我们可以写一个内联样式, 写在 body 标签里面 <body> <style contenteditable style="display: block; height: 100px; overflow: auto;">
contentEditable
ximingx
11-19 1090
contentEditable 也就是说给一个元素添加该属性，那么该元素就变成了可编辑的元素，就如同textarea等输入元素。 contenteditable可以让作用于一个元素，那么浏览器可以让该元素变成可编辑的。 如果没有设置该属性的值，那么从父元素继承。 如果contenteditable赋值为空字符串或者只写了该属性而没有赋值，那么也会被认为是true，也就是说依然可以实现元素可编辑。 js 修改添加 contentEditable var divEdit = document.getEleme.
contentEditable属性
小王的技术库
07-31 9633
我们最常用的输入文本内容便是input与textarea，但是有一个属性，可以让我们在很多标签中，如div,table,p,span,body等，可以像input输入框一样，实现文本编辑，这便是contentEditable属性。
contenteditable属性
云散的博客
12-08 1201
是一种 HTML 属性，用于将元素（通常是 <div>、<p> 或其他块级元素）设置为可编辑的区域。时，用户就可以在这个元素内部输入文本、插入图片等，并可以像在富文本编辑器中一样编辑内容。
HTML5 contenteditable属性应用场景
05-11
HTML5中的contenteditable属性用于设置元素是否可以被用户编辑。其应用场景包括： 1. 编辑器：contenteditable属性可以用于创建富文本编辑器，让用户可以在网页上直接编辑文本、插入图片、添加链接等。 2. 评论区：在评论区，contenteditable属性可以让用户直接在网页上输入评论内容，而无需跳转到其他页面。 3. 即时通讯：contenteditable属性可以用于创建即时通讯应用，让用户可以直接在网页上进行聊天。 4. 笔记应用：contenteditable属性可以用于创建在线笔记应用，让用户可以直接在网页上编写和保存笔记。 总之，contenteditable属性可以让网页变得更加交互性和直观化，提高用户的使用体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值