修改editor编辑器修改图片时 宽高以属性形式出现 增加行内样式

今天,做一个需求的时候 发现,CSS样式会覆盖属性,这就导致了 需要行内样式才能生效,这就郁闷了。应为图片标签 都是直接存储在数据库的 我没办法一一修改额,叫长传商品的同事 一个一个写行内样式也科学,所以我就打算更改上传图片和修改图片属性时增加一个行内样式,公司用的是editor富文本编辑器,查看上传后图片代码是这样的

然后在Editor主JS文件里面搜索 <img src= 找到了这一行

看名字就知道这也该是上传后插入图片时候的操作了,我增加

html += 'style="width:' + _escape(width) + 'px;" ';

测试了一下 上传图片时指定了宽度就增加了一个行内样式,效果达到了。我再测试一下修改图片属性的时候 发现没有增加,打个断点后发现,修改图片属性的时候没有调用这个方法,

这就尴尬了,不知道他调用哪个方法,就很郁闷了。只能通关查看事件监听器 一步一步的调试了

通过事件 监听器 转到了这里

下个断点调试,经过一系列的跟踪后发现了 他调用了这个方法

这个方法在他一个叫images.js里面,使用console.log(img)打印看看是不是我们修改的那个img对象,

打印后确实是我们要的img对象 然后在他下面增加两行

img.css('width',width); //更改行内样式 个人修改
img.css('height', height); //更改行内样式 个人修改
然后保存 测试一下,效果达到了。


  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值