Как убрать родительский тег P у картинки?

Question

[Вася Фамилия]

Есть текст с разметкой html. Редактор оборачивает картинки в параграфы.
Получается такая ерунда:

<p><img src""></p>
<p><img src""></p>
<p>текст<p>

А нужно просто

<img src"">
<img src"">
<p>текст<p>

Как убрать эти P вокруг картинок и можно ли сделать через DOMDocument?
Заранее благодарю за ответы

Comments

[Сергей Мирченко]

Какой редактор?

[Евгений Вольф]

Сергей Мирченко: тот же TinyMCE может так делать, если автор вопроса - делает "перенос строки" перед вставкой картинки.

[Евгений Вольф]

К сожалению, сейчас не имею времени написать и проверить полноценный пример, но могу подсказать, в какую сторону Вам нужно смотреть для решения подобных задач в корне. Для PHP (в т.ч.), есть масса всяких редакторов XML/HTML DOM-деревьев, в частности: phpQuery, PHP Simple HTML DOM Parserи так далее. Ваша задача, перед сохранением в БД - прогнать код через такой фильтр.

Решение с "регуляркой" будет быстрее и проще, но только "прямо сейчас", иначе говоря, оно не позволит Вам быстро и удобно решить подобную задачу в будущем, даже при незначительном изменении условий.

P.S. Не могу точно сказать, какая из библиотек для обработки DOM'а будет наиболее оптимальной в Вашем случае, но, данная рекомендация - на ответ или истину не претендует и возможно просто пригодиться Вам в последствии, нежели "прямо сейчас".

[Евгений Вольф]

можно ли сделать через DOMDocument?

Кажется, да. Не проверял.

Answer 1

[Dmitry MiksIr]

Через дом, конечно, можно. Но это может быть довольно затратно, а так как эти теги вставляет ваш редактор (т.е. структура достаточно детерминирована), то много проще обойтись регекспом.

preg_replace('/<p>(<img[^>]+>)<\/p>/', '$1', $html)

Answer 2

[twobomb]

Лучше всего разбирайся со своим редактором, потому-что так как ты хочешь это называется костыли.
Ну если очень нужно, то вот код. Он убирает тег p только если внутри него находится одна картинка. Особо не тестил, так что проверяй.

$("p").each(function(i, el) {
  if (el.children.length == 1 && el.children[0].nodeName == "IMG") {
    $(el).after(el.children[0]);
    $(el).remove();
  }
});

Comments

[Stalker_RED]

Вообще-то в тегах к вопросу только php.

Но если на js, то тогда уж так:

$("p>img").each(function() {
  var img = $(this)
  if (img.siblings().length === 0) {
    img.unwrap('p')
  }
});

И не придется перебирать все p.

Answer 3

[Дмитрий Гаджиев]

делаем
str_replace("", "", $i);

Comments

[Дмитрий Гаджиев]

пропадает часть кода. через str_replace.