如何将HTML / CSS代码插入iframe?

时间:2016-06-02 20:58:58

标签: html css ruby-on-rails iframe

所以这是我到目前为止的代码,它基本上呈现了一个包含URL的iframe。

<title>Test Layout</title>
    <style type="text/css">
        body, html
        {
            margin: 0; padding: 0; height: 100%; overflow: hidden;
        }

        #content
        {
            position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
        }
    </style>

<div id="content">
<iframe width="100%" height="100%" frameborder="0" src="http://jcrew.com" /> 
</div>

我想要做的不是将URL传递到iframe,而是想传递一个HTML文件(包含CSS)并显示它。所以我将传递原始HTML(可能是一个字符串),我希望iframe包含它。有什么想法吗?

我也在我的网络应用程序的其余部分使用rails。我正在使用home.html.erb文件。

有没有办法在不使用Javascript的情况下执行此操作?如果没有,我如何让Javascript在我的Rails应用程序中运行?

感谢。

2 个答案:

答案 0 :(得分:0)

试试这可能会对你有所帮助

<iframe src="/pdfjs/web/viewer.html" style="width: 100%; height: 1100px; display:inline-block "  scrolling="yes" webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder="no"></iframe>

答案 1 :(得分:0)

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2883.402927903083!2d10.394408315785519!3d43.72295585593467!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12d591a6c44e88cd%3A0x32eca9b1d554fc03!2sLeaning+Tower+of+Pisa!5e0!3m2!1str!2str!4v1464959090343" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>