AnsweredAssumed Answered

Intra-page links not working in embedded HTML file

Question asked by Eric Orton on Apr 24, 2017
Latest reply on Aug 17, 2017 by Richard Niolon

I have a need to put some HTML files in Canvas's course files, then use an <iframe> to embed them in native Canvas content pages, like this:

 

<p><iframe style="border: 0; width: 100%;" src="https://byu.instructure.com/courses/938/files/78619/download" width="100%" height="5000" data-api-endpoint="https://byu.instructure.com/api/v1/courses/938/files/78619" data-api-returntype="File"></iframe></p>

 

Everything work swimming, except for one thing. These pages use links within the page to allow the student to jump down to footnotes and back, such as:

 

<blockquote id="Source1">...world into another Depression.<sup><a href="#Footnote1">1</a></sup></blockquote>

...

<p class="footnote" id="Footnote1"><a href="#Source1">1</a> “Student Debt ...</p>

 

These internal links do not work when the HTML page is put into the <iframe> in Canvas. They work outside of Canvas, though. Does anyone know what's going on and how to get these working?

Outcomes