（富文本常用）js遇到需要正则匹配来修改img标签+清除行内样式

﹏ヽ暗。殇╰゛Y 2023-10-09 14:13 1阅读 0赞

### 方法一、 ###

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左右添加和修改东西

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

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

相关阅读

相关用正则表达式匹配HTML标签

用正则表达式匹配HTML标签在网络爬虫和数据分析中，用到正则表达式匹配HTML标签的情况非常多。本文将介绍如何使用Python re模块进行HTML标签匹配。以下是示例代码

悠悠/ 2024年03月16日 16:28/ 0 赞/ 73 阅读

相关（富文本常用）js遇到需要正则匹配来修改img标签+清除行内样式

方法一、 var regex0 = new RegExp("(i?)(\<img)([^\>]+\>)", "gmi") //正则匹配表达式 t

﹏ヽ暗。殇╰゛Y/ 2023年10月09日 14:13/ 0 赞/ 2 阅读

相关正则表达式常用匹配规则

`\w` 匹配字母、数字及下划线 `\W` 匹配不是字母、数字及下划线的字符 `\s` 匹配任意空白字符，等价于 `[\\t\\n\\r\\f]` `\S` 匹配

矫情吗；*/ 2023年10月06日 16:53/ 0 赞/ 81 阅读

相关 js去掉html标签保存纯文本内容以及筛选img，以及给富文本img设置默认样式

![20191119144112858.png][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

拼搏现实的明天。/ 2023年06月14日 10:48/ 0 赞/ 73 阅读

相关常用正则匹配

正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。匹配中文字符的正则表达式： \[\\u4e00-\\u9fa5\] 评注

灰太狼/ 2023年06月03日 12:56/ 0 赞/ 38 阅读

相关常用正则匹配

[在线测试][Link 1] `mac地址` /^[A-F0-9]{2}(-[A-F0-9]{2}){5}$|^[A-F0-9]{2}(:[A-F0-9]{2}){

电玩女神/ 2023年01月23日 13:47/ 0 赞/ 225 阅读

相关 JS正则过滤（去除）富文本编辑器中的FONT-SIZE标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

客官°小女子只卖身不卖艺/ 2022年07月12日 04:19/ 0 赞/ 339 阅读

相关 js 常用字符正则匹配

写代码时需要js验证密码，百度到的验证方法，图方便保存收藏，如感兴趣请移步原博主博文！ http://blog.csdn.net/x_i_y_u_e/artic

逃离我推掉我的手/ 2022年05月31日 12:48/ 0 赞/ 310 阅读

相关 css清除常用标签的默认样式

base.css / @Author: Itfallrain @Date: 2019-1-119 14:21:42 @Last Mo

Dear 丶/ 2022年03月25日 06:30/ 0 赞/ 482 阅读

相关常用正则匹配

匹配空行：^\\s\(?=\\r?$)\\n 双斜杠注释：//\[^\\n\]\ /\\/注释：/\[\\](\[\@\]|\[\\n\]|\\\\w|\\\\d|\\\\

怼烎@/ 2021年09月23日 11:36/ 0 赞/ 478 阅读