js遇到需要正则匹配来修改img标签+清除行内样式

js遇到需要正则匹配来修改img标签+清除行内样式

码农世界 2024-05-18 前端 77 次浏览 0个评论

方法一

var regex0 = new RegExp("(i?)(\]+\>)", "gmi") //正则匹配表达式
 
this.newcontent = this.content.replace(regex0,"$2 style='display:block;margin: auto;width:120px;' $3")
//下面这个则需要在$2 $3左右添加和修改东西

这个正则表达式就是匹配所有的img标签//踩坑完毕,可以直接使用

第二行代码按自己需要改改

方法二

遇到特殊的情况就是自带样式,那么方法一就不能用了,因为只会算是从原有字符串上面多加字符串

所以第一步,清楚原有行内样式
var regex0 = new RegExp("(i?)(\]+\>)", "gmi") //正则匹配表达式
this.articleContent=this.articleContent.replace(/]+"/gi, '').replace(/style='[^']+'/gi, '');
this.articleContent = this.articleContent.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
this.articleContent = this.articleContent.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');
第二步、清楚完所有的行内样式以后,再继续进行从新赋值行内样式
var regex0 = new RegExp("(i?)(\]+\>)", "gmi") //正则匹配表达式
 
this.newcontent = this.content.replace(regex0,"$2 style='display:block;margin: auto;width:120px;' $3")
//下面这个则需要在$2 $3左右添加和修改东西

转载请注明来自码农世界,本文标题:《js遇到需要正则匹配来修改img标签+清除行内样式》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,77人围观)参与讨论

还没有评论,来说两句吧...

Top