Замените тэг alt, если он не пустой

У меня есть условие регулярного выражения, которое заменяет теги alt изображения, если они пусты.

// <img src="test1.jpg" alt="">

$replacement = '$1HELLO$2';
$pattern ='~(<img.*? alt=")("[^>]*>)~i';
$content = preg_replace($pattern, $replacement, $content);

// output <img src="test1.jpg" alt="HELLO">

Я пытаюсь найти способ, если тег alt не пустой, то он должен заменить всю строку. Я пробовал это, но он добавит слово в начале вместо замены.

// <img src="test2.jpg" alt="my alternative text">

$replacement = '$1HELLO$2';
$pattern ='~(<img.*? alt=")(.+/S.+>)~i';
$content = preg_replace($pattern, $replacement, $content);

// output <img src="test2.jpg" alt="HELLOmy alternative text">

Пока я хочу, чтобы вывод был <img src="test2.jpg" alt="HELLO">

Изменить: я пытался с помощью метода DOM Parser ранее, но было несколько проблем. Это код.

function replaceALT($content) {
global $post;
$post = get_post($post->ID);
$content = $post->post_content;
$alt_keyword = "HELLO";
$dom = new DOMDocument();
$dom->loadHTML($content);

$images = $dom->getElementsByTagName('img');

foreach ( $images as $image) {
if (empty($image->getAttribute("alt"))) {

$image->setAttribute('alt', $alt_keyword);

}
}

$content = $dom->saveHTML();

return $content;
}
add_filter('the_content', 'replaceALT');

Было мало вопросов. По какой-то причине он изменял содержание сообщений. <p> тег был удален и заменен на <br>, Что я решил с помощью return wpautop( $content );, Другая проблема заключается в том, что img пользовательские данные были удалены. Например, тема WordPress TwentySeventeen возвращает изображение, подобное этому, в сообщении.

<img src="http://localhost/wp/wp-content/uploads/2018/08/image-1356510220.jpg" alt="" width="3264" height="2448" class="alignleft size-full wp-image-24" srcset="http://localhost/wp/wp-content/uploads/2018/08/image-1356510220.jpg 3264w, http://localhost/wp/wp-content/uploads/2018/08/image-1356510220-300x225.jpg 300w, http://localhost/wp/wp-content/uploads/2018/08/image-1356510220-768x576.jpg 768w, http://localhost/wp/wp-content/uploads/2018/08/image-1356510220-1024x768.jpg 1024w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" />

Но DOM-парсер возвращает изображение вот так.

<img src="http://localhost/wp/wp-content/uploads/2018/08/image-1356510220.jpg" alt="HELLO" width="3264" height="2448" class="alignleft size-full wp-image-24">

И так как мне нужно было заменить тег alt внутри содержимого публикации div.

<!-- default output -->
<div class="entry-content">
<p><img src="http://localhost/wp/wp-content/uploads/2018/08/image-1356510220.jpg" alt="" width="3264" height="2448" class="alignleft size-full wp-image-24" srcset="http://localhost/wp/wp-content/uploads/2018/08/image-1356510220.jpg 3264w, http://localhost/wp/wp-content/uploads/2018/08/image-1356510220-300x225.jpg 300w, http://localhost/wp/wp-content/uploads/2018/08/image-1356510220-768x576.jpg 768w, http://localhost/wp/wp-content/uploads/2018/08/image-1356510220-1024x768.jpg 1024w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" />Lorem ipsum dolor sit amet</p>
</div><!-- .entry-content -->

Это возвращало вывод как это.

<!-- DOM parser output -->
<div class="entry-content">
<p><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><br />
<html><body><img src="http://localhost/wp/wp-content/uploads/2018/08/image-1356510220.jpg" alt="HELLO" width="3264" height="2448" class="alignleft size-full wp-image-24">Lorem ipsum dolor sit amet</body></html></p>
</div><!-- .entry-content -->

Может кто-то помочь мне с этим. Спасибо

1

Решение

Кажется, лучшее решение здесь

'~(<img\s(?:[^<]*?\s)?alt=")[^"]+("[^<]*?>)~i'

подробности

  • (<img\s(?:[^<]*?\s)?alt=") — Группа 1:
    • <img — буквальная подстрока
    • \s — пробел
    • (?:[^<]*?\s)? — необязательная подстрока из 0+ символов, кроме < как можно меньше с пробелами
    • alt=" — буквальная подстрока
  • [^"]+ — 1 или более символов, кроме "
  • ("[^<]*?>) — Группа 2:
    • " — а "
    • [^<]*? — любые 0+ символов кроме < как можно меньше
    • > — а > голец.
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]