How do I embed a dynamic Google document into the Rich Content Editor?
Canvas recently introduced a new page design called the New Canvas User Interface (UI). Depending on your Canvas view, your page design may vary from the images shown in this lesson. However, the functionality and location of the components remain the same.
You can create a document, slide presentation, or spreadsheet using Google Drive and then embed that document anywhere you can use the Rich Content Editor in Canvas. The Rich Content Editor is used in features that support the editor (Announcements, Assignments, Discussions, Pages, Quizzes, or Syllabus). Any time you edit the Google document, it will be automatically updated in Canvas.
Note: You might notice that some formatting, such as margins or line spacing, is lost when you embed a Google document into your course.
Create Google Document
Create any type of common file using Google Drive to embed it in your course content.
Publish to the Web
Open the File menu and select Publish to the web....
If the File menu is minimized, expand the menu by clicking the down arrows next to the edit icon.
Copy Embed Code
Open HTML Editor in Rich Content Editor
Paste Embed Code
Adjust Height and Width
You may want to change the width of the embedded document. Using the Rich Content Editor, click and drag the embedded document box to the desired width. The height will automatically adjust to the new width of the box.
Adjust Height and Width in HTML Editor
Click the Save button to save any changes to the post made in the Rich Content Editor.
Note: When using the Rich Content Editor in Assignments, Discussions, Pages, and Quizzes, you have the option to Save & Publish. When using the Rich Content Editor in the Syllabus and Discussions pages, the Save button may appear as “Update Syllabus” or “Post Reply”.