如何确保可视化编辑器不会毁了我的IFRAME?

时间:2018-09-18 作者:kqw

我有这个iframe 以及嵌入在帖子中的JavaScript:

<iframe onload="fa_iframeresize.do(this);" src="https://example.com/calc.php?tp=dif&cl=beleggen&h=1&wf=19370&country=NL" scrolling="no" width="100%" style="padding:0px;margin:0px;border-width:0px;" frameborder="0">
</iframe>
<script type="text/javascript" src="//example.com/iframeResizeMe.min.js.gz"></script>
但是,每当我转到可视化编辑器时,HTML都会以这种方式发生微小的变化,例如。com的代码无法再处理它:

<iframe style="padding: 0px; margin: 0px; border-width: 0px;" src="https://example.com/calc.php?tp=dif&amp;cl=beleggen&amp;h=1&amp;wf=19370&amp;country=NL" width="100%" frameborder="0" scrolling="no">
</iframe>
<script type="text/javascript" src="//example.com/iframeResizeMe.min.js.gz"></script>
有没有办法防止可视化编辑器更改HTML块?

我尝试了iframe扩展,但这并没有真正正确地处理它。我还想避免为此创建自己的插件。

理想情况下,我希望。<!-- NOREFORMAT --><iframe></iframe><script></script><!-- /NOREFORMAT -->.

1 个回复
最合适的回答,由SO网友:mrben522 整理而成

    add_shortcode(\'custom_iframe_shortcode\', \'build_iframe\');
function build_iframe($atts) {
    $defaults = array(
        \'source\' => \'https://example.com/calc.php?tp=dif&cl=beleggen&h=1&wf=19370&country=NL\',
        \'script_source\' => \'//example.com/iframeResizeMe.min.js.gz\'
    );
    $args = shortcode_atts($defaults, $atts);

    ob_start(); ?>
    <iframe onload="fa_iframeresize.do(this);" src="<?php echo $args[\'source\']; ?>" scrolling="no" width="100%" style="padding:0px;margin:0px;border-width:0px;" frameborder="0">
    </iframe>
    <script type="text/javascript" src="<?php echo $args[\'script_source\']; ?>"></script>
    <?php return ob_get_clean();
}
那就这样说吧[build_iframe][build_iframe source="https://blah" script_source="https://blah/blah.js\']

结束

相关推荐

Set 3 iframes in a row

场景:我继承了一个使用论文主题的WordPress网站。我安装了内容块,用于填充右侧边栏。我有一个函数,可以随机选取图书类别中的三篇文章摘录。这些摘录包含了从Amazon上预订列表的iFrame。com。查看时间http://thebakingwizard.com/问题:帖子是根据需要随机选取的,但iFrame在函数的层结构之外。到目前为止我所做的:我知道iframe不应该在段落标记中,所以我使用了remove\\u filter(\'the\\u extract\',\'wpautop\');删除内容块