dqm74406 2017-12-14 08:05
浏览 107
已采纳

iframe存在问题

I have a function which compares emails contents from a few tables. If the contents differ, I want to display it for comparison. I am trying to do that using iframes and srcdoc attribute. This is a fragment of my email which has got inline styles and nested quotes. 

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
        <title>Title</title>
    </head>
    <style type="text/css">a:visited {color: #fff;}</style>
    <body style="background: #fff; margin-top:25px; margin-bottom:30px; padding-top:0; padding-bottom:0;">&nbsp;
        <table align="center">

I tried to replace all quotes with that function. 

str_replace([ '"', '&' ], [ '&quot;', '&amp;amp;' ],$row1['email_content'])

but it does not work. I have also tried 

htmlentities($row1['email_content'])

and 

addslashes($row1['email_content'])

but it also did not work. How can i display email content in an iframe properly?

  • 写回答

1条回答 默认 最新

  • dqd82461 2017-12-14 09:21
    关注

    I was curious about this so knocked up a couple of quick test pages to test for myself what you were saying ~ seems obvious but whatever character is used with srcdoc ( ie: srcdoc=' or srcdoc=" ) must be escaped/replaced when generating the content.

    <!-- mickeymouse.html ~ used as source for `srcdoc` -->

<html>
    <head>
        <title>Mickey Mouse loved Minnie</title>    
    </head>
    <body>
        <h1>Mickey Mouse</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non finibus nisl. Etiam ut velit ut est placerat dictum. </p>

        <!-- content populated by inline javascript within iframe srcdoc html -->
        <div id="donaldduck">nothing to see here</div>

        <script>document.getElementById("donaldduck").innerHTML="poor wiley coyote, when will he catch that damn bird?";</script>


        <!-- The line below caused the iframe to not correctly render before doing str_replace to edit the single quotes -->
        <p>If this text has a single quote - like ' it will cause whatever follows to not render and breaks the `srcdoc` content</p>

    </body>
</html>



<!-- iframe page - will display mickeymouse.html -->
<html>
    <head>
        <title>iframe - srcdoc</title>  
    </head>
    <body>
        <?php
            $file='mickeymouse.html';
            $html=file_get_contents( $file );
            /*

                '   ->  &#39;
                "   ->  &#34;

            */

        ?>
        <iframe srcdoc="<?php echo str_replace( '"', '&#34', $html ); ?>" width=800 height=600 sandbox='allow-forms allow-scripts allow-same-origin'></iframe>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

    报告相同问题？

    • iframe存在问题 html5 php
      2017-12-14 08:05
      回答 1 已采纳 I was curious about this so knocked up a couple of quick test pages to test for myself what you we
    • iframe，embed标签问题 html 前端
      2022-04-26 21:11
      回答 1 已采纳 我本地启动80端口服务，iframe嵌入pdf文件没有发生下载行为，你可以粘一下你的代码 <!DOCTYPE html> <html lang="en"> <hea
    • iframe问题 求 大神指教
      2017-03-24 08:55
      回答 2 已采纳 window.onbeforeunload = function(){ return "真的离开?"; }
    • 基于 iframe 的微前端框架 —— 擎天
      2022-09-14 09:11
      vivo互联网技术的博客 基于全屏iframe的微前端框架--擎天，解决了iframe UI不同步、URL不同步、数据不共享的难题，并充分发挥了iframe作为页面容器的优势，实现了父子应用异步加载、子应用瞬间切换的能力，从而将微前端项目达到单体应用的...
    • bootstrap布局iframe布局的问题 bootstrap python 前端 有问必答
      2021-08-30 11:42
      回答 3 已采纳 需要层叠掉bootstrap的css样式,即可解决您的问题给你推荐一个bootstrap的免费视频,你学习一下. 第二阶段-移动Web网页开发(媒体查询,rem,bootstrap响应式布局) 新
    • iframe中页面的缩放问题 chrome css
      2020-10-14 14:56
      回答 1 已采纳 在iframe内容页面加载完毕，然后js获取iframe的内容高度。 在该页面 使用 window.parent.getElementById('divId').style.height=hegit
    • iframe携带登录信息登录 html javascript 前端
      2022-11-15 14:20
      回答 2 已采纳 看下这篇博客，也许你就懂了，链接：iframe解决跳转登录界面问题
    • iframe实现微前端
      2021-07-31 14:57
      前端段的博客 最为著名的当属阿里的乾坤，乾坤引入了沙箱概念，解决了项目切换的时候window不污染下一个项目的问题，但是只能解决同时只存在一个项目的情况，如果有多个项目同时需要使用到window就无能为力了；这个时候大家肯定会...
    • iframe框架自适应的问题 html5 javascript
      2016-12-14 05:28
      回答 3 已采纳 iframe除非里面的页面是自适应的（去掉iframe的scroll），不然很难自适应，为啥不直接显示iframe要显示的页面呢？
    • iframe获取父页面message javascript vue.js 前端
      2022-07-21 17:25
      回答 1 已采纳 你父级代码有问题，父级向子iframe发送数据，用的是 frame.contentWindow.postMessage，并且应该直接放到iframe.onload里的，不要再加一层window.add
    • 关于easyui tab iframe 高度问题 easyui
      2015-06-16 01:35
      回答 2 已采纳 已经解决。去掉tabs的class，在JS里写 $("#tabs").tabs({ width:$("#tabs").parent().width(), height:$("#ta
    • iframe问题
      2023-02-20 21:58
      学不会只能哭的博客 如果 iframe 中的内容没有完全加载完成，或者 iframe 中的资源（例如 JavaScript、CSS、图片等）正在下载或执行，那么 iframe 可能会阻塞页面的加载。相对于一般的 DOM 元素，使用 iframe 创建的元素的渲染速度可能...
    • JS+iframe实现浏览器跨屏控制屏幕 html javascript 前端
      2022-10-26 15:33
      回答 8 已采纳 我看你的页面都是同一个域名下的页面，通过localStorage传值能实现吗？JS 当前页面监听localStorage的更新事件_哎哟喂呀-的博客-CSDN博客_localstorage事件
    • iframe安全问题
      2018-08-05 10:55
      yanner_的博客 有些时候我们的前端页面需要用到第三方提供的页面组件，通常会以iframe的方式引入。典型的例子是使用iframe在页面上添加第三方提供的广告、天气预报、社交分享插件等等。 iframe在给我们的页面带来更多丰富的内容和...
    • iframe嵌页面遇到问题
      2021-12-15 10:37
      憨逗君的博客 通过iframe嵌入页面，想要做到通过cookie传递登陆信息的方式做到主项目和父项目之间的单点登录，行不通的原因是父项目与子项目之间的域名不相同，导致接口返回头中的set-cookie不能被子项目的域名获取到，所以不能...
    • 没有解决我的问题, 去提问

    悬赏问题

    • ¥15 java连接sqlserver有问题
    • ¥15 yolov8 如何调cfg参数
    • ¥15 这个四人抢答器代码哪儿有问题？仿真程序怎么写？
    • ¥15 burpsuite密码爆破
    • ¥15 关于#ubuntu#的问题，如何解决？（相关搜索：移动硬盘）
    • ¥15 scikit安装之后import不了
    • ¥15 Ros2编译一个使用opencv的c++节点的时候，报了这个错误，请问怎么解决啊
    • ¥15 人脸识别相关算法 YOLO，AI等
    • ¥15 spark问题方便加V17675797079
    • ¥15 Python代码不打印的原因