添加<iframe>到TinyMCE的打破了頁面佈局

當我直接粘貼的iframe代碼到TinyMCE的源代碼視圖，然後點擊保存它的代碼更改爲：儲蓄增加</p>添加<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如果這有幫助。

來源

2012-02-13 John Magnolia

TinyMCE並不是太多的iframe粉絲。有至少三（或多或少）快速修復：

如果它僅適用於谷歌地圖和總是在固定的位置，你可以使用尋址模塊：http://deadlytechnology.com/silverstripe/google-map-module/
如果它僅適用於谷歌地圖，但只是在$Content領域的任何地方，你可能會想嘗試短代碼：http://www.ssbits.com/tutorials/2010/2-4-using-short-codes-to-embed-a-youtube-video/
修復的TinyMCE的服務器端一塌糊塗onBeforeWrite()方法中：http://www.silverstripe.org/general-questions/show/16438#post305472

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

來源

2012-02-13 23:11:36 xeraa

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

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

來源

2014-07-08 04:40:29

添加<iframe>到TinyMCE的打破了頁面佈局

回答

相關問題