Notes-20160716: Inserting an existing HTML file into a course page

Inserting an existing HTML file into a course page

It is possible to insert an existing HTML file as an iframe into a course page. Note that this is a long page and it automatically provider a vertical scroll bar.

The iframe looks like:

<iframe src="/courses/11/files/6035/download" width="100%" height="100%" data-api-endpoint="https://kth.instructure.com/api/v1/courses/11/files/6035/download" data-api-returntype="File"></iframe>

The above inserted the text from the file Contents.html from the folder II2202-Fall-2016. However, to do this we had to know the course_id and the file_id. Note that the folder_id is not necessary, as folder separate names spaces for files - all files are part of a flat file_id space.

To learn the file's file_id you can browse to the list of files within the desired folder and copy the URL, as shown below:

Learning-file_id-for-a-file-20160716-trimmed.png

The iframe follows the generic pattern shown by stefanievsanders@gmail.com in https://community.canvaslms.com/groups/designers/blog/2016/06/21/iframes-are-your-ifriend Links to an external site. 

<iframe src="/courses/[YOUR COURSE ID]/files/[YOUR FILE ID]/download" width="100%" height="[WHATEVER WORKS]" data-api-endpoint="https://[YOUR CANVAS DOMAIN]/api/v1/courses/[COURSE ID]/files/[FILE ID]" data-api-returntype="File"></iframe>