function test() {
var str = "<img title=\"\" alt=\"\" align=\"\" src=\"/kindeditor/attached/image/20161214/20161214162554_8001.jpg\" width=\"312\" height=\"312\" />";
str += "<img title=\"\" alt=\"\" align=\"\" src=\"/kindeditor/attached/image/20161214/20161214162554_8001.jpg\" width=\"412\" height=\"412\" />";
str = str.replace(/ height="\d+"/g, " height=\"90\"");// “/”后面的是要替换的字符,“d\+”是数字,最后""里是用来填充的字符
str = str.replace(/ width="\d+"/g, " width=\"90\"");
alert(str);
<input type="button" id="hh" οnclick="test();" value="hell" />
var str = "<img title=\"\" alt=\"\" align=\"\" src=\"/kindeditor/attached/image/20161214/20161214162554_8001.jpg\" width=\"312\" height=\"312\" />";
str += "<img title=\"\" alt=\"\" align=\"\" src=\"/kindeditor/attached/image/20161214/20161214162554_8001.jpg\" width=\"412\" height=\"412\" />";
Regex reg = new Regex("width\\s*=\\s*\\S+ height\\s*=\\s*\\S+");
string result = reg.Replace(str, "width=\"90\" height=\"90\"");
第二种方法替换
//Regex reg1 = new Regex("height\\s*=\\s*\\S+");
//string result1 = reg1.Replace(result, "height=\"90\"");
处理多张图片中出现没有width height的情况:
//正则替换图片的宽高
Regex regImg = new Regex(@"<img\b[^<>]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r\n]*(?<imgUrl>[^\s\t\r\n""'<>]*)[^<>]*?/?[\s\t\r\n]*>", RegexOptions.IgnoreCase);
MatchCollection matches = regImg.Matches(item.AdImg);
var relImg = string.Empty;
foreach (Match m in matches)
//进行匹配img是否存在width height
Regex reg = new Regex("width\\s*=\\s*\\S+ height\\s*=\\s*\\S+");
if (!reg.IsMatch(m.Value))//img 中不存在width height
//获取其他属性进行替换
Regex reg1 = new Regex("alt\\s*=\\s*\\S+");
relImg += reg1.Replace(m.Value, "style=\"width:90px;height:90px;\"");
relImg+= reg.Replace(m.Value, "style=\"width:90px;height:90px;\"");
JS: function test() { var str = ""; str += ""; str = str.replace(/ height="\d+"/g, " height=\"90\"");// “/”后面的是要替换的字符,“d\+”是数字,最后""里是用来填充的字符 str = str.replace(/
public static void main(String args[]){
String html = "";
html = html.replaceAll("(]*?)\\s+width\\s*=\\s*\\S+","$1");
html = html.replaceAll("(]*?)\\
引言:在微信小程序里,比如商品展示页面的商品详情会有图片展示,PC端设置的商品详情是PC端的宽度,所以在小程序里图片会显示不全,这时就应该做相应的处理,使小程序里图片显示正确
把图片的宽度改为手机屏幕对应的宽度
微信小程序需要知道的知识
需要知道微信小程序里有自己的宽度标准,单位为rpx;
针对所有不同尺寸的浏览器,微信小程序里规定屏幕宽为750rpx;
<view class='html_detail'>
<rich-text nodes='{{a
替换中包含原部分逐句,可以用分组的方式来替换,用?<组名>来标记需要记录的数据,在替换的时候使用${组名} 或者 <组名> 来加载这部分数据。
替换:<img>abc</img>为 [图片]abc 或者 <img>bcd</img>为 [图片]bcd
Regex.Replace(“<img>abc</img>”,@“<img>(?<str>.*?)</
protected string str = "sdasasdsddsdsaaassss<
img src='http://www.baidu.com/
img/baidu_logo.gif'
width='100'
height='50' alt=''> 说是道 ";
protected void Page_Load(object sender, EventArgs e)
匹配
img标签路径的
正则表达式为:(?i)(?]*?src=\s*(['""]?))([^'""]*/)+(?=[^'""/]+\1)
string url = string.Empty;
string turl=""//
替换的路径
MatchCollection match = res.Matches(str);//str为你要匹配的html代码
let htmlText = '<img style="border: 0px; width: 537px; display: block;">'
let str = htmlText.replace(/<img[^>]*>/gi, function (match, capture) {
return match.replace(/style\s*?=\s*...