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?