添加<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的打破了页面布局

回答

相关问题