今天,做一个需求的时候 发现,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); //更改行内样式 个人修改然后保存 测试一下,效果达到了。