Wordpress替換圖像的默認寬度和高度值

Question

我想替換Wordpress中可視編輯器添加的默認width和height值。

我正在使用add_filter函數：

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );

我的功能是：

function remove_width_attribute( $html ) {
  $html = preg_replace( '/\s*(?:(?:width=|height=)"(\d*)")/', 'style="max-width: ${1}px; max-height: ${2}px;"', $html );    
  return $html;
}

輸入字符串為：

<img src="path/to/image.png" alt="" width="300" height="71" class="random-class pull-left" />

也可能包含包裹a標簽。

我希望輸出為：

<img ..... style="max-width: 300px; max-height: 71px;">

Answer 1

不用先交替，只需先匹配寬度然后再匹配高度並捕獲數字。

$html = preg_replace('/width="(\d+)"\s*height="(\d+)"/', 'style="max-width: $1px; max-height: $2px;"', $html);