正则表达式去除html中的style样式

最新推荐文章于 2025-05-20 09:46:35 发布

转载最新推荐文章于 2025-05-20 09:46:35 发布 · 1.1w 阅读

5 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/tianma3798/blog/3002798

文章标签：

#python #javascript #php #ViewUI

本文介绍如何使用正则表达式去除HTML中的style样式、指定标签的style属性及width属性，提供JavaScript代码示例，适用于网页开发中对HTML富文本的格式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

一、使用正则表达式去除html富文本中的style样式

String regEx = "style=\"(.*?)\"";

使用到的正则规则
字符   说明
(pattern)   匹配 pattern 并捕获该匹配的子表达式。若要匹配括号字符 ( )，请转义。
.   匹配除”\r\n”之外的任何单个字符。若要匹配包括”\r\n”在内的任意字符，请使用诸如”[\s\S]”之类的模式。
*   零次或多次匹配前面的字符或子表达式。例如，zo* 匹配”z”和”zoo”。* 等效于 {0,}。
?   零次或一次匹配前面的字符或子表达式。例如，”do(es)?”匹配”do”或”does”中的”do”。? 等效于 {0,1}。

结果：

二、使用正则表达式去除指定标签的style属性

操作说明，首先获取指定标签，然后替换标签中的属性

js代码示例如下：

formatImg:function(html){
            var newContent= html.replace(/<img[^>]*>/gi,function(match,capture){
            var match = match.replace(/style=\"(.*)\"/gi, 'class="img-responsive"');
            return match;
        });
        return newContent;
    }

三、同上原理，修改删除指定标签的width属性

//去除table的宽度
content=content.replace(/<table[^>]*>/gi,function(match,capture){
  return match.replace(/width=\"(.*)\"/gi,'');
});

微信小程序富文本图片处理二

微信小程序图片上传使用整理（一）

微信小程序图片上传使用整理（二）

转载于:https://my.oschina.net/tianma3798/blog/3002798