如何阻止Wordpress TinyMCE剥离空html标签的内容，例如<div class="any class"></div>

我在显示两列一个WordPress发布一些内容，所以我有两个div显示各占一半：如何阻止Wordpress TinyMCE剥离空html标签的内容，例如<div class="any class"></div>

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

但是，当然，我还需要清除此，我通常做这算账：

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

但这种状态越来越剥离出来，每当我保存的文章或查看可视化编辑器以及任何其他空的HTML标签如图标。有一个更好的方法吗？

2011-11-17 David Ball

是的，我建议你使用Clearfix技术：

参见：

2011-11-17 15:45:58 isNaN1247

我不喜欢的东西，这是一个黑客，是有没有办法保持页面中的元素？ –

它在CSS中非常普遍的做法，更不用说为HTML添加额外标记，纯粹是为了清晰。恐怕我无法直接回答为什么wordpress正在为你做这件事。 – isNaN1247

，最好的办法是添加一个clearfix类，但如果你绝对必须拥有那个额外的空元素，请加上& nbsp;到明确的div。 WordPress正在剥离空白的div。

2011-11-17 16:47:17 paulruescher

Unfortunatley这只能工作，直到我保存的职位。编辑并重新保存将第二次保存时将＆npsp转换为正常空间，然后像以前一样删除div。不理想，因为我正在计划对这篇文章进行一些未来编辑。 –

有一个插件添加一个按钮来打印<br style="clear: both;">到页面。这个标记不会被去掉（参见https://codex.wordpress.org/Wrapping_Text_Around_Images#Clear_The_Display）。

2017-03-03 10:01:07

要停止TinyMCE的移除空元素考虑增加一个非打破空间例如

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

WordPress的TinyMCE删除任何没有内容的HTML标签。规则同样适用于图标或其他任何东西如：

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

另外，我强烈建议大家使用现代CSS工艺如：

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

2017-03-03 10:53:27 SergeDirect

回答