通过正则匹配html标签增加class

.replace(/\<img/gi, '<img class="content-img"')

//匹配自定义标签
let reg = /<自定义(?:(?!<\/自定义>).|\n)*?<\/自定义>/gm

编写css样式

<style lang="scss">
.content-img {
  width: 100%;
}
</style>

正则标志/g,/i,/m说明

1，/g （globle）表示该表达式将用来在输入字符串中查找所有可能的匹配，全文查找出现的所有匹配字符,返回的结果可以是多个。如果不加/g最多只会匹配一个
2，/i （ignorCase）表示匹配的时候不区分大小写,
忽略大小写，注意仅是忽略大小写，并不忽略全半角。
3，/m （mutiple）表示多行匹配，多行查找什么是多行匹配呢？就是匹配换行符两端的潜在匹配。影响正则中的^$符号
m 影响 ^、$。
若不指定 m，则：^ 只在字符串的最开头，$ 只在字符串的最结尾。即：匹配整个串的开始和结束
若指定 m，则：^ 在字符串每一行的开头，$ 在字符串每一行的结尾。即：匹配每一行的开始和结束