java正则替换img标签中src值

主要功能是: 替换html字符串中img标签src的值.

代码如下:     

    

package com.junlenet.common.util;

import java.util.regex.Matcher;
import java.util.regex.Pattern;

/**
 * html处理工具类
 * @author huweijun
 * @date 2016年7月13日 下午7:25:09
 */
public class HtmlUtils {

	/**
	 * 替换指定标签的属性和值
	 * @param str 需要处理的字符串
	 * @param tag 标签名称
	 * @param tagAttrib 要替换的标签属性值
	 * @param startTag 新标签开始标记
	 * @param endTag  新标签结束标记
	 * @return
	 * @author huweijun
	 * @date 2016年7月13日 下午7:15:32
	 */
	public static String replaceHtmlTag(String str, String tag, String tagAttrib, String startTag, String endTag) {
		String regxpForTag = "<\\s*" + tag + "\\s+([^>]*)\\s*" ;
		String regxpForTagAttrib = tagAttrib + "=\\s*\"([^\"]+)\"" ;
		Pattern patternForTag = Pattern.compile (regxpForTag,Pattern. CASE_INSENSITIVE );
		Pattern patternForAttrib = Pattern.compile (regxpForTagAttrib,Pattern. CASE_INSENSITIVE );   
		Matcher matcherForTag = patternForTag.matcher(str);
		StringBuffer sb = new StringBuffer();
		boolean result = matcherForTag.find();
		while (result) {
			StringBuffer sbreplace = new StringBuffer( "<"+tag+" ");
		    Matcher matcherForAttrib = patternForAttrib.matcher(matcherForTag.group(1));
        	if (matcherForAttrib.find()) {
        		String attributeStr = matcherForAttrib.group(1);
        		matcherForAttrib.appendReplacement(sbreplace, startTag + attributeStr + endTag);
        	}
        	matcherForAttrib.appendTail(sbreplace);
        	matcherForTag.appendReplacement(sb, sbreplace.toString());
        	result = matcherForTag.find();
		}
		matcherForTag.appendTail(sb);         
		return sb.toString();
	}
    
    public static void main(String[] args) {
    	StringBuffer content = new StringBuffer();
    	content.append("<ul class=\"imgBox\"><li><img id=\"160424\" src=\"uploads/allimg/160424/1-160424120T1-50.jpg\" class=\"src_class\"></li>");
    	content.append("<li><img id=\"150628\" src=\"uploads/allimg/150628/1-15062Q12247.jpg\" class=\"src_class\"></li></ul>");
        System.out.println("原始字符串为:"+content.toString());
        String newStr = replaceHtmlTag(content.toString(), "img", "src", "src=\"http://junlenet.com/", "\"");
        System.out.println("       替换后为:"+newStr);
    } 
    
}

### 修改 `rich-text` 组件内图片大小的方法 在 UniApp 中,当使用 `rich-text` 组件渲染富文本内容时,默认情况下对于 `<img>` 标签仅有网络图片被支持,并且其样式控制较为局限[^1]。为了能够调整其中图片的尺寸,可以采用正则表达式替换的方式,在将 HTML 字符串传递给 `rich-text` 前先对其进行预处理。 #### 使用 JavaScript 正则表达式动态设置 img 宽度 通过编写一段函数来遍历所有的 `<img>` 标签并为其添加特定的 inline 样式属性: ```javascript export function formatRichText(htmlStr) { var newHtml = htmlStr.replace(/<img([^>]+)>/gi, '<img$1 style="max-width:100%;height:auto;" />'); return newHtml; } ``` 这段代码会确保每张图像的最大宽度不超过容器宽度(`max-width:100%`),同时保持原始比例 (`height:auto;`). 这样一来,无论是在不同屏幕分辨率下还是响应式布局环境中都能获得良好的视觉效果[^4]. #### 自定义 CSS 类应用于所有 p 和 div 元素中的 img 子元素 除了直接操作 HTML 外,还可以利用 CSS 来影响这些嵌入式的图片表现形式。不过需要注意的是,由于 `rich-text` 的特性限制,只有在其外部作用域定义好的样式才能生效于内部节点[^3]. 因此可以在项目的公共样式文件中加入如下规则: ```css /* 应用于整个应用 */ .rich-text-container img { max-width: 100%; height: auto; } /* 或者更具体的选择器 */ page .custom-rich-text-class img { width: 80vw !important; /* 设置为视窗宽度的80%, 可按需更改 */ border-radius: 8px; } ``` 这里 `.rich-text-container`,`.custom-rich-text-class` 是假设性的父级容器类名,实际项目里应替换成具体的类名称以便更好地匹配目标范围内的图片资源.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值