Как вывети ALT на странице поста под картинкой?

Question

[artsamateur]

Есть код

<img src="/1.jpeg" style="max-width:100%;" alt="Описание картинки 1">
<img src="/2.jpeg" style="max-width:100%;" alt="Описание картинки 2">

Как сделать чтобы было так:

<img src="/1.jpeg" style="max-width:100%;" alt="Описание картинки 1">
<p>Описание картинки 1</p>
<img src="/2.jpeg" style="max-width:100%;" alt="Описание картинки 2">
<p>Описание картинки 2</p>

Видел, что в некоторых темах эта функция автоматически работает, но по дефолту ее нет

Comments

[Антон Литвиненко]

все там есть по дефолту

Answer 1

[lexchz]

Если картинки прописаны внутри post_content, то используй preg_replace:

$content = preg_replace('/(<img[^>]+ alt="([^"]+)".*?>)/', '${1}<p>${2}</p>', $post->post_content);
echo $content;

Answer 2

[Олег]

Как вариант

let im = document.getElementsByTagName('img');
for(i=0;i<im.length;i++){
let p = document.createElement("p");
p.innerHTML=im[i].alt
im[i].after(p)

}