2012-02-13 76 views
1

當我直接粘貼的iframe代碼到TinyMCE的源代碼視圖,然後點擊保存它的代碼更改爲:儲蓄增加&lt;/p&gt;添加<iframe>到TinyMCE的打破了頁面佈局

<iframe src="http://maps.google.co.uk/maps" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">&lt;/p&gt;</iframe> 

查看TinyMCE的代碼

HTML頁面中查看HTML源:

<iframe src="http://maps.google.co.uk/maps" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"/> 

原始iframecode

<iframe src="http://maps.google.co.uk/maps" width="425" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 

這影響了頁面佈局的其餘部分並打破了頁腳。

我使用銀條2.4.5如果這有幫助。

回答

2

TinyMCE並不是太多的iframe粉絲。有至少三(或多或少)快速修復:

  1. 如果它僅適用於谷歌地圖和總是在固定的位置,你可以使用尋址模塊:http://deadlytechnology.com/silverstripe/google-map-module/

  2. 如果它僅適用於谷歌地圖,但只是在$Content領域的任何地方,你可能會想嘗試短代碼:http://www.ssbits.com/tutorials/2010/2-4-using-short-codes-to-embed-a-youtube-video/

  3. 修復的TinyMCE的服務器端一塌糊塗onBeforeWrite()方法中:http://www.silverstripe.org/general-questions/show/16438#post305472

如果你可以使用2,看看一個完整的例子:

+0

哇,你在這裏吹響我的答案。我決定去找最簡單的修復程序3並完美地工作。謝謝 – 2012-02-14 09:48:22

0

其實最簡單的解決方法是在TinyMCE的點擊小錨點旁邊的HTML圖標,然後粘貼iframe代碼。這樣它不會取代html標籤&lt;/p&gt;