正则如何去除文本中 发布于 2022-09-12 03:57:29 字数 553 浏览 12 评论 0 因为是小程序，文章中的文本都是富文本编辑器编辑而来的，就会出现很多IMG自带样式的问题，导致图片超出画面，请问该如何去除这些自带样式？<img style="width:100%;height:auto;display:block" class="rich_pages" "0.66625" data-s="300,640" data-type="jpeg" "800" src="http://yourname.com/20200723113235722.jpg" style="box-sizing:border-box !important;overflow-wrap:break-word !important;visibility:visible !important;width:677px !important;" />只去除IMG标签的，其它标签自带样式不去除以上就是自带样式的img标签，文中可能若干个，可能宽度所在位置还不一样，请问如何去除并替换成max-width: 100% !important;样式呢？还望各位大佬能够给予帮助！~非常感谢！~ 收藏 0 分享到微信 分享到QQ 分享到微博 如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

Answer 1

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

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

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

Answer 2

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