Home/ Questions/Q 9127095
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T07:12:13+00:00

I’ve fruitlessly looked for examples of using Meteor with an Iframe. (Note that I

  • 0

I’ve fruitlessly looked for examples of using Meteor with an Iframe. (Note that I have to use an iframe instead of a DIV because of the content that will ultimately go there). I’ve tried both:

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click to see what you typed" />
  <br>
  <iframe id="compose" src={{> iframe-content}} height=600></iframe>
</template>

<template name="iframe-content">
  <body>
    <div contenteditable="true">
      Edit me
    </div> 
  </body>
</template>

This loads recursively, creating sub-Iframes continuously.

I’ve also tried

<iframe id="compose" src="content.html" height=600></iframe>

but Meteor munges the multiple HTML files together which also causes the iframe to fail.

The only thing that worked so far is SRCDOC instead of SRC, but that isn’t well supported by multiple browsers like FF.

So, what’s the trick to use an iframe within Meteor, preferably in the template rather than strictly through code?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You want the ‘public’ folder. Meteor leaves content in that folder alone, as described here: http://docs.meteor.com/#/full/structuringyourapp

    Move ‘content.html’ into a folder named ‘public’ at the root of your project/app and reference it like so in the html:

    <head>
  <title>iframe</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click" />

  <iframe src="hello.html"></iframe>

</template>

    To be clear for other readers, Meteor has no problem with iframes. The issue was with the location of the ‘content.html’ file the iframe referenced.

    • 0