Удалите конечный закрывающий элемент P после встроенного элемента, такого как SPAN и STRONG в WordPress.

Question

Это очень странно. Я получаю закрывающий тег </p> после элемента HTML, например <span> или <strong>. Нет открывающего тега.

Ниже приведен пример HTML кода, который я пишу в classi c editor

<div class="blck>
  <div class="col-1">
    <strong>Heading 1</strong>
    <ul>
      <li>list......</li>
      <li>list......</li>
    </ul>
  </div>
  <div class="col-1">
    <strong>Heading 2</strong>
    <ul>
      <li>list......</li>
    </ul>
  </div>
</div>

И это вывод, который я получаю

<div class="blck>
  <div class="col-1">
    <strong>Heading 1</strong></p>
    <ul>
      <li>list......</li>
      <li>list......</li>
    </ul>
  </div>
  <div class="col-1">
    <strong>Heading 2</strong></p>
    <ul>
      <li>list......</li>
    </ul>
  </div>
</div>

Обратите внимание на </p> после </strong>

То же самое происходит и для элемента <span>.

Одно из решений - удалить фильтр WordPress wpautop. Но тогда я должен вручную добавить p теги для абзацев. Это очень громоздкая проблема, потому что у меня много контента для редактирования.

Есть ли какое-нибудь решение для этого?

Answer 1

Вы можете просто добавить новую строку между этими html элементами

Например

<div class="col-1">

  <strong>Heading 1</strong>

  <ul>
    <li>List here</li>
    <li>List here</li>
  </ul>

</div>