![turn iframe into html code turn iframe into html code](https://notesformsc.org/wp-content/uploads/2019/09/Output-iframe-maiin.png)
If you instead prefer to follow along on the page, then simply skip the video for now. If you would like to watch a video of me talking through this, it is directly below. I will provide you with all of the materials so that you can at least play around with this and maybe learn a thing or two. If you aren't so familiar with HTML and CSS, never fear. If you are more comfortable with HTML and CSS, then feel to take the information here and run with it to your heart's content. I have created a simple solution to demonstrate the possibilities when the four complications are addressed appropriately. If the file referenced in the iframe originates from your Canvas course, it will render in a weird sort of way (see item 3) unless you acquire the path to it correctly.This can lead to some very weird/unexpected/non-ideal renderings of pages, from your Canvas course or otherwise, in the iframe itself. If you don't have access to the origin file (.html) for the iframe, then any links clicked in the iframe will lead to their designated pages, but those pages will render in the iframe itself.While the iframe will render the content, depending upon the width of the origin page, the content may render in a way that requires vertical scrolling, horizontal scrolling, or both.Any content that originates from a url that begins with http instead of https will not be allowed to render in your Canvas course.While this may seem like a favorable option, before we begin, I must point out that there can be some unforeseen complications that arise when attempting to put any content into an iframe.Ĭons & Complications to embedding an html document in an iframe
![turn iframe into html code turn iframe into html code](https://i.ytimg.com/vi/uIzU4P7SQMg/maxresdefault.jpg)
![turn iframe into html code turn iframe into html code](https://www.elegantthemes.com/blog/wp-content/uploads/2020/03/example-iframe.png)
Previously, I was attempting to help terryscc with an issue related to iframe content not rendering properly in Canvas and the Canvas mobile app. Cons & Complications to embedding an html document in an iframe.Pros to embedding an html document in an iframe.