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框架自适应的问题 html5 javascript
    2016-12-14 05:28
    回答 3 已采纳 iframe除非里面的页面是自适应的（去掉iframe的scroll），不然很难自适应，为啥不直接显示iframe要显示的页面呢？
  • iframe实现微前端
    2021-07-31 14:57
    前端段的博客 最为著名的当属阿里的乾坤，乾坤引入了沙箱概念，解决了项目切换的时候window不污染下一个项目的问题，但是只能解决同时只存在一个项目的情况，如果有多个项目同时需要使用到window就无能为力了；这个时候大家肯定会...
  • iframe携带登录信息登录 html javascript 前端
    2022-11-15 14:20
    回答 2 已采纳 看下这篇博客，也许你就懂了，链接：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缺点有哪些？
    2022-07-28 15:33
    千锋HTML5大前端的博客 3.iframe是会阻塞页面的加载的，会影响到网页的加载速度。比如window的onload事件会在页面或者图像加载完成后立即执行，但是如果当前页面当中用了iframe了，那还需要把所有的iframe当中的元素加载完毕才会执行，这样...
  • JS+iframe实现浏览器跨屏控制屏幕 html javascript 前端
    2022-10-26 15:33
    回答 8 已采纳 我看你的页面都是同一个域名下的页面，通过localStorage传值能实现吗？JS 当前页面监听localStorage的更新事件_哎哟喂呀-的博客-CSDN博客_localstorage事件
  • iframe问题
    2023-02-20 21:58
    学不会只能哭的博客 如果 iframe 中的内容没有完全加载完成，或者 iframe 中的资源（例如 JavaScript、CSS、图片等）正在下载或执行，那么 iframe 可能会阻塞页面的加载。相对于一般的 DOM 元素，使用 iframe 创建的元素的渲染速度可能...
  • iframe安全问题
    2018-08-05 10:55
    yanner_的博客 有些时候我们的前端页面需要用到第三方提供的页面组件，通常会以iframe的方式引入。典型的例子是使用iframe在页面上添加第三方提供的广告、天气预报、社交分享插件等等。 iframe在给我们的页面带来更多丰富的内容和...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写，需写出详细代码，代价私
  • ¥15 ROS系统搭建请教（跨境电商用途）
  • ¥15 AIC3204的示例代码有吗，想用AIC3204测量血氧，找不到相关的代码。