String description = model.getDescription(); if (!"".equals(description)) { //replace(/<img/gi, '<img class="rich-img" ' ); //description = description.replaceAll("<img", "<img class="rich-img" "); //item.setDescription(description); Pattern pattern = Pattern.compile("<img", Pattern.CASE_INSENSITIVE); Matcher matcher = pattern.matcher(description); String result = matcher.replaceAll("<img class="rich-img" "); model.setDescription(result); //Pattern p = Pattern.compile(regex, Pattern.CASE_INSENSITIVE); //Matcher m = p.matcher(input); //String result = m.replaceAll(replacement); }
在做小程序时,遇到富文本中包含图片标签,图片超出了屏幕。在网上找了下资料,需要在后端处理,加个class,然后前端再针对这个class定义样式。刚好用到了正则替换,特记录下。
另外处理富文本内容,微笑小程序是这么处理的:
<rich-text nodes="{{product.description}}"></rich-text>
使用rick-text标签,然后加上nodes属性。
顺便提供一段代码,把<img>标签里面的其它东东全部删掉,只保留src属性
content = content.replaceAll("<img (.*) src="(.*)" .* />", "<img src="$2" />");