2012-05-06 98 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>