我在CMS中使用TinyMCE(v4),并且我已经轻松地将预制HTML添加到编辑器中。这很棒。
但TinyMCE删除了空div,span等,除非在TinyMCE配置中指定它们以保留它们。
这很有效,除非有一个"空"另一个空元素内的元素。像这样:(使用典型的Bootstrap图标)
<div class="icon"><span class="glyphicon glyphicon-map-marker"></span></div>
在TinyMCE配置中,我尝试过:
extended_valid_elements : "div[class|id|style|span],span[class|id|style]",
和
extended_valid_elements : "div[* ],span[* ]",
但他们总是删除内部范围,所以它看起来像这样:
<div class="icon"></div>
然而,如果我这样写:
<div class="icon"></div> <span class="glyphicon
glyphicon-map-marker"></span>
两者都被保留。
所以情况是这样的: 如果我在一个空div中有一个空的span(或者带有css类的任何其他空元素在另一个带css的空元素中) class),它删除另一个内部的元素。
如何在TinyMCE中设置允许我编写(并保留)此配置的配置:
<div class="icon"><span class="glyphicon glyphicon-map-marker"></span></div>
答案 0 :(得分:0)
解决方案是由Tiny MCE的原始所有者Spocke制作的。他在4.1.1(昨天发布)中添加了一个允许上述功能。
谢谢:)
答案 1 :(得分:0)
作为一种解决方法,如果在WP编辑器中的glyphicon之后添加空格,则可以使用它。