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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


相关文章:

  • 2021-12-01
  • 2021-12-30
  • 2021-06-19
  • 2021-11-05
  • 2022-02-09
  • 2021-07-01
  • 2021-09-27
  • 2021-07-05
猜你喜欢
  • 2022-12-23
  • 2021-12-31
  • 2021-06-13
  • 2021-12-18
  • 2021-12-31
  • 2022-02-08
  • 2021-12-07
相关资源
相似解决方案