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

方法一

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

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

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

方法二

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

所以第一步，清楚原有行内样式

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