求个HTML替换正则

Question

需求这样的。

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

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

这正则该咋写

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

Answer 1

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

Answer 2

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

Answer 3

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

javascriptvar 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%"');
});