H5W3
当前位置:H5W3 > 其他技术问题 > 正文

正则如何去除文本中<img里的指定样式?

因为是小程序,文章中的文本都是富文本编辑器编辑而来的,就会出现很多IMG自带样式的问题,导致图片超出画面,请问该如何去除这些自带样式?

<img class="rich_pages" "0.66625" data-s="300,640" data-type="jpeg" "800" src="http://yourname.com/20200723113235722.jpg" />

只去除IMG标签的,其它标签自带样式不去除

以上就是自带样式的img标签,文中可能若干个,可能宽度所在位置还不一样,请问如何去除并替换成max-width: 100% !important;样式呢?还望各位大佬能够给予帮助!~非常感谢!~

回答

小程序没有img标签吧,你用富文本,用的插件么,应该转成image了吧,你给image设置个max-width: 100% !important;就可以了

用这个正则可以去掉一个 style,如果有多个,要多 replace 几次

s.replace(/(<img(?=\s).*?)\s+style=".*?"(.*?\/?>)/, "$1$2");

去掉之后按你想要的,自己再加 style 就是了

本文地址:H5W3 » 正则如何去除文本中<img里的指定样式?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址