You can always switch to code view to fix any issues that you might not be able to fix with the toolbar.ġ0-Subscript Code Example: 24 Notes: When applied to an unordered or ordered list a new nested list is created. When applied to paragraph element the style attribute is applied to the paragraph element with padding of 30 pixels. What this option does depends on element it is applied to in the code. It is generally not recommended for longer lines of text because the text is hard to read. Note: It is best to only use center and right alignment for headers or short lines of text. The left alignment is the default in the editor. These attributes can be applied to headings and paragraph elements. I use Dreamweaver's find and replace for this type of task a lot and it saves me quite a bit of time. If you are designer, I recommend using the text editor that has a good find and replace command to remove any extra HTML and CSS code that you don't want before moving the text to Canvas. You can go to code view to remove the span element. It is important to note that this option works with most elements but doesn't seem to work with the background element (see number 5 above). This option is handy for getting rid of the extra HTML code that sometimes comes over when you copy and paste text from other locations such as from Word or other websites. On a side note, the Jive editor does not have background color element in the toolbar and does strip it when you try to add in code view so I had to use an image for this example. For further reading, view this Smashing Magazine article, Design Accessibly, See Differently: Color Contrast Tips And Tools. This can be especially hard on color blind people or people like who are losing their sight to old age. In the example below the text is hard to read. If the background color and text color do not have enough contrast between them, the text can be hard to read. This should be used cautiously with text. This command uses the span element and inline CSS (the style attribute) to create the background color. I generally don't recommend using this element.Ĥ-Text Color Code Example: Some Textcontent Notes: This element can be used to emphasize text however, in on webpages underlined text is often confused with hyperlink text. Depending on font it can be hard to read italicized text on monitor.ģ-Underline Code Example: Some Text Notes: Italics should be used to emphasize text and should be used sparely on webpages. See number 20 below for details on why.Ģ-Italics Code Example: Some Text Notes: Use the actual heading elements to create this type of structure. It is generally not recommended to use the strong element to create page headings. Each numbered command has a code example with some tips on using in the HTML Editor.ġ-Bold Code example: Some Text Notes: You may also want to check out the following discussion about the changes.įriendly advice: Disable "Use remote version of Rich Content Editor AND sidebar"īelow is an image of the toolbar highlighted with numbers of each command. In the Augrelease notes the rich content editor got some updates and added functionality with pages and the syllabus. Please note this cheatsheet is subject to change with Canvas updates. Big shout out to the community's mobile guru for pointing this out in the comments below. This new option allows users to add media without switching to HTML code. I also wanted to note that the new Teacher mobile app has a simplified version of the rich content editor toolbar that is available when editing content in the app. A new option (see 14 below) was added in the Augrelease. How do I use the Rich Content Editor in Quizzes.Next?.Additionally, the rich content editor is now on the short term roadmap for improvements. In Quizzes.Next the rich content editor is different and does not include the right sidebar content browser. Rich Content Editor Comparison Document.Canvas Release: New Rich Content Editor.See my new post about the new rich content editor for the latest updates. The new rich content editor is available in beta and will be available in production in the January 2020 release.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |