Question

0 0

求个HTML替换正则

需求这样的。

有一个富文本编辑器，提交html，内部会有图片内容。要求把所有img标签的width都设置为100%。而img标签的属性顺序都不一样。比如：


 html


 <img src="" width=""         />
<img width=""                  src="" />
<img width=""            style="" src="" />
<img width="" src="">

这正则该咋写


 php


 return preg_replace_callback('/???/',function($match}{
},$html);

正则表达式 php-正则表达式

10 years ago

index0

share

index0 10 years ago

Answer 1

0


 <?php
$dom = new DOMDocument();
$dom->loadHTML('xxx');
$element = $dom->getElementsByTagName('img')[0]; //需要循环
$element->setAttribute('width', "100%");
$dom->saveHTML();

answered 10 years ago

ukbug

share

ukbug answered 10 years ago

Answer 2

0

赞成 @YuanWing 和 @leandre 同学的答案。
btw，顺便写了个 js 版的正则，php的话应该也差不多吧。
btw2，编辑器预览和最终暂时效果还不一样。。。


 javascript


 var html = '

<div width="100px"><img width=""><img width="" /><img width=""    src="" /><img src=""            width="123"    ><img width=123 src=""></div>

';

html.replace(/(<img [^\\>]*?)(\s*)(width=[^\s\/\>]+)/g, function (str, m1, m2, m3) {
    return (m1 + m2 + 'width="100%"');
});

answered 10 years ago

charky

share

charky answered 10 years ago

Answer 3

0

如果只是把 img 的宽度设置成 100% 的话，那直接样式控制就行啦~哪里用着正则呢~
如果是担心有行内的样式的话，可以给样式加 !important

answered 10 years ago

仲夏夜D梦♂

share

仲夏夜D梦♂ answered 10 years ago

求个HTML替换正则

index0

Answers

ukbug

charky

仲夏夜D梦♂

Your Answer