Как остановить Wordpress TinyMCE от удаления содержимого пустых тегов HTML, например</div>

Question

Я отображаю некоторый контент в двух столбцах в сообщении Wordpress, поэтому у меня есть два div, отображающих половину каждого:

<div class="half">Left column.</div>
<div class="half last">Right column.</div>

Но, конечно, мне также нужно очистить это, что я обычносделайте с этим потом:

<div style="clear:both;"></div>

, но это постоянно удаляется, когда я сохраняю статью или просматриваю визуальный редактор, а также любые другие пустые теги html, например значки.Есть ли лучший способ сделать это?

Answer 1

Да, я бы рекомендовал использовать технику Clearfix:

См .:

• Webtoolkit
• CSS Tricks

Answer 2

Чтобы остановить удаление TinyMCE пустого элемента, рассмотрите возможность добавления неразрывного пробела, например,

<div class="clearfix">&nbsp;</div>

Wordpress TinyMCE удаляет любые теги HTML без содержимого. То же правило относится к иконкам или чему-либо еще, например ::10000

<i class="fa fa-icon">&nbsp;</i>

Кроме того, я настоятельно советую всем использовать современную технику CSS, например ::100100

.last:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

Answer 3

Есть плагин, который добавляет кнопку для печати <br style="clear: both;"> на странице.Эта разметка не будет удалена (см. https://codex.wordpress.org/Wrapping_Text_Around_Images#Clear_The_Display).

См. Этот ответ на http://wordpress.stackexchange.com для ссылки на плагин: https://wordpress.stackexchange.com/a/255386/48203

Answer 4

Лучший способ - добавить класс clearfix, но если вам абсолютно необходим этот дополнительный пустой элемент, добавьте & nbsp; на четкое деление WordPress удаляет пустой div.