2012-05-06 100 views
20

我已经阅读了各种论坛和SO的帖子加载,而且似乎仍然无法防止tinymce从可编辑块的末尾剥离空标签。如何防止tinymce从输入中剥离空标签?

E.g.我输入这样的:一旦往返行程(进出HTML模式)

<a href="blah">zzz</a> 
<div class="floatClearer" style=""></div> 

..和,TinyMCE的剥掉整个<div class="floatClearer" style=""></div>

按劝我发现各个位,我想这些东西,以及更多:在我valid_elements

  • 删除减号的div前,

...而这些配置。选项:

  • verify_html : false,
  • extended_valid_elements : "div*",
  • extended_valid_elements : "div[*]",

都无济于事。有什么方法可以防止剥离行为?还有其他的地方我需要空标签(不仅仅在这个例子中),所以如果可以的话,请让我知道一个特定于我的问题的答案,而不是暗示我不使用空标签。

+3

您可以创建您的配置,以帮助我们获得一个betterinsight您的问题TinyMCE的小提琴?见http://fiddle.tinymce.com/ – Thariama

+0

欢迎回来:-),谢谢。 当然,在这里,这个演示很好地解决了这个问题: http://fiddle.tinymce.com/j9baab/1 Tinymce,小提琴,SO ..成为一名编码人员,拥有所有这些令人难以置信的工具是多么美妙的时刻! – govinda

+1

使用你的tinymce小提琴我看不出你的空div如何被剥离(我插入上面的div使用codeplugin的'html'按钮) – Thariama

回答

11

TinyMCE中存在一个错误,现在它已经修复(在v3.5.2中)。感谢@Thariama

对于未来的搜索者:使用verify_html选项。

此选项启用或禁用元素清理功能。如果将此选项设置为false,则将跳过所有元素清理,但仍会执行其他清理功能,如URL转换。用法

例子:

tinyMCE.init({ 
    ... 
    verify_html: false 
}); 
3

因为我仍然碰到这个问题ALL WordPress的博客的时间(即使是现在我在这里坚持这一点, 2016)我需要使用空白div来插入Google Analytics,Google TranslateGoogle Tag Manager

典型的模式是你在博客页面上添加一个你需要它的地方,当你下次回来用TinyMCE编辑器打开页面时,bammo你的div不见了!

ONLY的事情,我发现,似乎总是可靠地工作是类似如下:

<div id="google_translate_element" style="text-align:right;"><span style="display:none;">ha_ha_I_beat_u_tinyMCE</span></div> 
2

由于我也有烦恼,我加入我的砖 - 之上Cliff Ribaudo答案。

因此,我建议在空标记内使用&nbsp;,这将不会被剥离,甚至不会被搜索引擎看到。

否则,像这样没有被剥夺了我的TinyMCE的:<div class="someclass">&nbsp;</div>