TinyMCE删除了Bootstrap glyphicons等。如何保持它们完好无损?

时间:2014-06-30 14:06:10

标签: twitter-bootstrap twitter-bootstrap-3 tinymce tinymce-4

我在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>

2 个答案:

答案 0 :(得分:0)

解决方案是由Tiny MCE的原始所有者Spocke制作的。他在4.1.1(昨天发布)中添加了一个允许上述功能。

谢谢:)

答案 1 :(得分:0)

作为一种解决方法,如果在WP编辑器中的glyphicon之后添加空格,则可以使用它。