可编辑DIV

有这样一个div，<div contentEditable="true"><del id='a' style='color:#F00;text-decoration:line-through;'>123</del>456</DIV>怎么样做才能保证新输入的内容没有原来的样式呢？
就是我在”123“文本处插入字符，新插入的字符也会有红色删除线！

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
kjah_1 2010-06-09 10:53
关注
用Range对象,配合document.execCommand('RemoveFormat')
range对象操作可以参考:[url]http://kjah.iteye.com/blog/420624[/url]

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

如何实现el-tabs标签页的可编辑功能 elementui javascript 前端
2023-04-18 17:17

回答 2 已采纳你的思路很正确，在handleEdit切换显示input，然后给input绑定一个onblur事件，在onblur事件的回调中，切换显示tab标题，并把input的值保存在tabList的相应的元素
vue+element，可编辑树形表格无法正常实现行内编辑的功能。 elementui vue.js 前端有问必答
2021-08-18 16:25

回答 2 已采纳加个show属性就可以了这种对象数据你添加了新的属性show vue检测不到的，最好一开始就有定义，就算后端返回的数据没有，你接受到数据后也要循环每个列定义下show
有条件地设置可编辑或只读文本字段 javascript jquery json php
2016-04-22 03:32

回答 3 已采纳 I know it's an old post, but just in case, for those who have this needs. Base on the code of Nara
关于可编辑div插入表情图标
2019-11-12 12:14

li336699li的博客在最近的开发中因为项目需要一个可编辑插入表情的编辑框，起初也是头大煎熬，总是被我熬出来了。在可编辑框中为难我们的是光标定位和在光标的位置插入指定的内容和表情下面开始正事节点内容是这样的我用的是vue...
表单校验,编辑的时候不修改内容也会校验报错然后无法保存,必须进行一次修改 elementui vue.js 前端
2022-08-23 09:30

回答 2 已采纳你检查下，修改的时候传入的winRate是不是数字类型的，因为你这里的校验是对字符串的，当你传入的是number类型就会校验失败，然后你一修改此时组件内部会处理成字符串所以才通过了校验，虽然你提交的是
ant design vue表格表头各列想设置不一样的样式，用slot还是无法实现？ html5 vue.js 前端
2021-08-21 23:30

回答 1 已采纳看看表头的class是啥，直接重写class样式覆盖
单击表格内容并使其可编辑[关闭] ajax javascript mysql php
2014-05-14 15:27

回答 2 已采纳 You can always use native javascript but here is a jQuery plugin that is easy to use and you can d
css 可编辑,如何设置DIV可编辑
2021-08-04 01:16

weixin_39612023的博客「来源: ｜web前端开发 ID：web_qdkf」如何让一个div变成可编辑状态，比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用)，类似textare。有2种方案可以实现：1是通过contenteditable属性设置为true，2...
如何将datepicker功能添加到动态可编辑的表列 jquery php
2014-07-09 12:33

回答 1 已采纳 Maybe you should provide some fiddle, but from what I can see the wrong line of code is: var ori
footerformatter和表格内容对不齐问题 bootstrap javascript 前端有问必答
2022-03-23 14:49

回答 2 已采纳文章里面的代码有问题，样式是错的可以试试在onPostBody中触发下window resize事件让bootstrap重新设置表格单元格宽度，经测试bootstrap-table@1.19.1有效
react 树形控件增删改查版本问题，如何解决 Tree的“children”已弃用。请使用“treeData”。代码如下 react.js typescript 前端框架
2021-09-29 14:58

回答 1 已采纳警告的话就不用理会了。看你这个tree必须自定义节点。
【vue】可编辑div部分字段高亮
2018-06-04 22:04

送快递的小年轻的博客【vue】可编辑div部分字段高亮参考了帖子：https://segmentfault.com/a/1190000008261449以及帖子：https://blog.csdn.net/smartsmile2012/article/details/53642082这次的组件：1.通用性不强，是为了特殊功能而制定...
如何通过js动态实现根据checkbox是否勾选来设置input状态是可输入或者只读？ bootstrap html5 javascript jquery
2019-09-12 14:13

回答 2 已采纳 ``` $("#return").click(function(){ var ischecked = $(this).prop("checked"); i
vue中可编辑div实现双向绑定
2023-12-07 10:13

treasurecp的博客 input="value = $event.target.innerText" 输入时同步参数。contenteditable 设置div可编辑。
如何设置DIV可编辑
2021-07-29 08:42

web前端开发V的博客如何让一个div变成可编辑状态，比如富文本的输入框就可以用可编辑的div（自定义一个富文本时可用），类似textare。有2种方案可以实现：1是通过contenteditable属性设置为...
没有解决我的问题, 去提问

悬赏问题

¥15 ubuntu子系统密码忘记
¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料
¥15 使用R语言marginaleffects包进行边际效应图绘制
¥20 usb设备兼容性问题
¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
¥15 安装svn网络有问题怎么办
¥15 vue2登录调用后端接口如何实现

可编辑DIV

3条回答 默认 最新

悬赏问题

3条回答默认最新