{"id":17311,"date":"2021-09-14T17:29:29","date_gmt":"2021-09-14T22:29:29","guid":{"rendered":"https:\/\/cat.xula.edu\/food\/?p=17311"},"modified":"2021-09-14T17:37:28","modified_gmt":"2021-09-14T22:37:28","slug":"brightspace-tip-259-brightspace-editor","status":"publish","type":"post","link":"https:\/\/cat.xula.edu\/food\/brightspace-tip-259-brightspace-editor\/","title":{"rendered":"Brightspace Tip #259: Brightspace Editor"},"content":{"rendered":"<p>D2L rolled out a new modern, upgraded, responsive, accessible, and <em>pretty<\/em> Brightspace Editor! The new Brightspace Editor became the default editor with our <a href=\"https:\/\/cat.xula.edu\/food\/brightspace-tip-250-august-continuous-delivery-updates\/\">August Continuous Delivery Updates<\/a>. The Brightspace Editor replaces the old HTML Editor and is the primary method of creating content in Brightspace. The Brightspace Editor allows users to enter text, pictures, or embed audio\/video. Advanced users can even embed HTML code.<\/p>\n<figure id=\"attachment_17312\" aria-describedby=\"caption-attachment-17312\" style=\"width: 1103px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"17312\" data-permalink=\"https:\/\/cat.xula.edu\/food\/brightspace-tip-259-brightspace-editor\/brightspace-editor\/\" data-orig-file=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor.png?fit=1103%2C462&amp;ssl=1\" data-orig-size=\"1103,462\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Brightspace-Editor\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Brightspace Editor&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor.png?fit=300%2C126&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor.png?fit=625%2C262&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor.png?resize=625%2C262\" alt=\"Brightspace Editor\" width=\"625\" height=\"262\" class=\"size-full wp-image-17312\" \/><\/a><figcaption id=\"caption-attachment-17312\" class=\"wp-caption-text\">Brightspace Editor<\/figcaption><\/figure>\n<p>You can create course content using the Brightspace Editor. For example, the Brightspace Editor is available when you edit discussion topics, create custom instructions for assignment submission folders, create quizzes, create announcements, and create content topics.<\/p>\n<p>The Brightspace Editor has many icons that match those of common word processing software: bold, left justify, bullets, tables, and so on. It\u2019s important to remember the Brightspace Editor is not a word processor. When you add pictures, links or embed videos, you are creating references to items that are stored internally (in Brightspace) or externally (another web site). If those items are changed or deleted, the reference will not display properly.<\/p>\n<p>Redesigning the editor provided opportunities for D2L to provide a better experience. Some new features were added to the Editor, but there was also a focus on improvements in accessibility, responsiveness, and ease of use:<\/p>\n<ul>\n<li><strong>Improved accessibility \u2013<\/strong> D2L ensured that toolbars met the new WCAG 3.0 standards for button spacing and that the keyboard navigation makes sense to users, especially those using screen reader technology. They also recreated their great color picker that highlights WCAG AA compliance to end users.<\/li>\n<li><strong>Enhanced responsiveness \u2013<\/strong> The toolbar collapses intelligently based on the size of your screen, with different breakpoints. This means that formatting options collapse together, alignment options, and 'insert' options - creating a great experience on any device.<\/li>\n<li><strong>Ease of use \u2013<\/strong> The editor now looks more like a standard web text editor - with all formatting options at the top. Contextual menus are inside the editing experience for quick access while typing. They included the advanced code editor that makes editing html code easier. They upgraded the tables feature and added: format painter, word count, and @mentions in Discussions. All areas clients suggested for improvement in the <a href=\"https:\/\/community.brightspace.com\/generic\/s\/article\/000015556\">Product Idea Exchange (PIE)<\/a>.<\/li>\n<\/ul>\n<figure id=\"attachment_17316\" aria-describedby=\"caption-attachment-17316\" style=\"width: 958px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor-features.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"17316\" data-permalink=\"https:\/\/cat.xula.edu\/food\/brightspace-tip-259-brightspace-editor\/brightspace-editor-features\/\" data-orig-file=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor-features.jpg?fit=958%2C467&amp;ssl=1\" data-orig-size=\"958,467\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Jeannette McNamara&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1629498668&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Brightspace-Editor-features\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Brightspace Editor: A Breakdown of New Features&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor-features.jpg?fit=300%2C146&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor-features.jpg?fit=625%2C305&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/Brightspace-Editor-features.jpg?resize=625%2C305\" alt=\"A breakdown of the new features in the Brightspace Editor\" width=\"625\" height=\"305\" class=\"size-full wp-image-17316\" \/><\/a><figcaption id=\"caption-attachment-17316\" class=\"wp-caption-text\">Brightspace Editor: A Breakdown of New Features<\/figcaption><\/figure>\n<p><strong>Enhancements to the Editor<\/strong><\/p>\n<ul>\n<li>More and different formatting options.<\/li>\n<li>An improved color picker with WCAG compliance checking.<\/li>\n<li>A full set of emojis and special symbols<\/li>\n<li>The move of footer options like 'preview' ' source' 'accessibility checking' and 'expand' to the main toolbar.<\/li>\n<li>Updates to the font size menu<\/li>\n<li>Removal of Spellchecker*<\/li>\n<li>Removal of Cut\/Copy buttons (which no longer worked on most browsers anymore in any case)<\/li>\n<li>A refreshed Accessibility checker<\/li>\n<li>The Brightspace Editor now remembers the open or closed state of the <strong>More Actions<\/strong> button, per user, in order to reduce clicks for users that frequently use options in the expanded editor.<\/li>\n<\/ul>\n<p><strong>*NOTE:<\/strong> The Brightspace Editor <strong>does not<\/strong> have a built in spell checker. Your web browser\u2019s built-in spell check functionality is available in the new Brightspace Editor and D2L recommends using it.<\/p>\n<p><strong>Additions to the Editor<\/strong><\/p>\n<ul>\n<li>Format painter that enables you to copy and apply text formatting.<\/li>\n<li>New Advanced Tables that includes sorting options.<\/li>\n<li>Contextual menus for editing text, links, and images (image editing is not available in all areas)<\/li>\n<li>Word Count including character and selection word count<\/li>\n<li>Advanced Source Code Editor that includes code suggestions and color coding for tags.<\/li>\n<li>Lato font<\/li>\n<li>@mentions support in Discussions<\/li>\n<li>An 'Other Insert Options' menu for overflow items to improve responsiveness.<\/li>\n<li>Limited text pattern support: * * for italics, ** ** for bold, ## for H2, ### for H3, etc until H6.<\/li>\n<\/ul>\n<h3>Want more information?<\/h3>\n<p><a href=\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/\">Using the Brightspace Editor<\/a><\/p>\n<p>View all the <a href=\"https:\/\/cat.xula.edu\/food\/?s=Brightspace+%2Brecap\">Brightspace training recaps<\/a><br \/>\n<a href=\"https:\/\/catwiki.xula.edu\/Brightspace:_Instructors_Quick_Start_Tutorial\">Instructors Quick Start Tutorial<\/a><br \/>\n<a href=\"http:\/\/catwiki.xula.edu\/index.php\/Brightspace_Known_Issues\">Brightspace Known Issues<\/a><br \/>\n<a href=\"https:\/\/community.brightspace.com\/s\/article\/All-Release-Notes\">Continuous Delivery release notes<\/a><br \/>\n<a href=\"http:\/\/cat.xula.edu\/food\/brightspace-tip-2-sandbox-courses\/\">Request a sandbox course<\/a><br \/>\nSign-up for <a href=\"https:\/\/cat.xula.edu\/events\/\">Brightspace training sessions<\/a><br \/>\nYou can find <a href=\"https:\/\/documentation.brightspace.com\/EN\/-\/-\/-\/welcome_page.htm\">Brightspace help<\/a> at D2L's website.<br \/>\nJoin the <a href=\"https:\/\/community.brightspace.com\/\">Brightspace Community<\/a>.<br \/>\nTry these <a title=\"Brightspace How-to\" href=\"http:\/\/cat.xula.edu\/food\/brightspace-documents\/\">Brightspace How-To documents<\/a>.<br \/>\nVisit our <a title=\"Brightspace FAQs\" href=\"http:\/\/cat.xula.edu\/food\/brightspace-faq\/\">Brightspace FAQs<\/a> for additional Brightspace information<br \/>\nor <a title=\"Schedule 1-on-1\" href=\"http:\/\/jflorent.youcanbook.me\/\">schedule a one-on-one session<\/a>, <a title=\"Send email\" href=\"http:\/\/cat.xula.edu\/mail\/?to=31\">email<\/a>, or <br \/>call Janice Florent: (504) 520-7418.<\/p>\n<p><strong>Note: Are you doing something innovative in Brightspace or perhaps you've discovered a handy tip? Share how you are using Brightspace in your teaching and learning in <a href=\"https:\/\/cat.xula.edu\/food\/brightspace-tip-189-educator-share-showcase\/\">The Orange Room<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>D2L rolled out a new modern, upgraded, responsive, accessible, and pretty Brightspace Editor! The new Brightspace Editor became the default editor with our August Continuous Delivery Updates. The Brightspace Editor replaces the old HTML Editor and is the primary method of creating content in Brightspace. The Brightspace Editor allows users to enter text, pictures, or <a href=\"https:\/\/cat.xula.edu\/food\/brightspace-tip-259-brightspace-editor\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"Brightspace Tip #259: Brightspace Editor\"<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[403],"tags":[402,482,429],"class_list":{"0":"post-17311","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-brightspace","7":"tag-brightspace","8":"tag-brightspace-editor","9":"tag-html-editor","10":"h-entry","11":"hentry","12":"h-as-article"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p82MQk-4vd","jetpack-related-posts":[{"id":12324,"url":"https:\/\/cat.xula.edu\/food\/brightspace-tip-43-html-editor\/","url_meta":{"origin":17311,"position":0},"title":"Brightspace Tip #43: HTML Editor","author":"Janice Florent","date":"July 9, 2018","format":false,"excerpt":"The HTML Editor is the primary method of creating content in Brightspace. It allows users to enter text, pictures, or embed audio\/video. Advanced users can even embed HTML code. You can create course content using the HTML Editor. For example, the HTML Editor is available when you edit discussion topics,\u2026","rel":"","context":"In &quot;Brightspace Small Plates&quot;","block_context":{"text":"Brightspace Small Plates","link":"https:\/\/cat.xula.edu\/food\/topic\/brightspace\/"},"img":{"alt_text":"HTML Editor","src":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2018\/07\/HTML_Editor.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2018\/07\/HTML_Editor.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2018\/07\/HTML_Editor.png?resize=525%2C300 1.5x"},"classes":[]},{"id":21555,"url":"https:\/\/cat.xula.edu\/food\/brightspace-tip-530-brightspace-editor\/","url_meta":{"origin":17311,"position":1},"title":"Brightspace Tip #530: Brightspace Editor","author":"Janice Florent","date":"August 20, 2025","format":false,"excerpt":"Did you know, D2L rolled out a modern, upgraded, responsive, and accessible Brightspace Editor? The Brightspace Editor is the primary method of creating content in Brightspace. The Brightspace Editor allows users to enter text, pictures, or embed audio\/video. Advanced users can even embed HTML code. You can create course content\u2026","rel":"","context":"In &quot;Brightspace Small Plates&quot;","block_context":{"text":"Brightspace Small Plates","link":"https:\/\/cat.xula.edu\/food\/topic\/brightspace\/"},"img":{"alt_text":"Brightspace Editor","src":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2025\/08\/Brightspace-Editor.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2025\/08\/Brightspace-Editor.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2025\/08\/Brightspace-Editor.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2025\/08\/Brightspace-Editor.png?resize=700%2C400 2x"},"classes":[]},{"id":17333,"url":"https:\/\/cat.xula.edu\/food\/brightspace-tip-260-insert-stuff\/","url_meta":{"origin":17311,"position":2},"title":"Brightspace Tip #260: Insert Stuff","author":"Janice Florent","date":"September 16, 2021","format":false,"excerpt":"You can easily insert images, videos, and other media into your Brightspace course using the \"Insert Stuff\" option within the Brightspace Editor. Insert Stuff allows you to embed or link to content items and place them within your Brightspace course. Insert Stuff is available anywhere in the course where the\u2026","rel":"","context":"In &quot;Brightspace Small Plates&quot;","block_context":{"text":"Brightspace Small Plates","link":"https:\/\/cat.xula.edu\/food\/topic\/brightspace\/"},"img":{"alt_text":"insert stuff window","src":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2021\/09\/insert-stuff.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":18035,"url":"https:\/\/cat.xula.edu\/food\/brightspace-tip-301-audio-video-editor-and-player\/","url_meta":{"origin":17311,"position":3},"title":"Brightspace Tip #301: Audio-Video Editor and Player","author":"Janice Florent","date":"January 31, 2022","format":false,"excerpt":"D2L (the company that owns Brightspace) recognized that video is a core part of the learning experience clients create in Brightspace. In an effort to do more to help clients have better audio\/video experiences, D2L announced some amazing new Media features to the Core product suite that were not previously\u2026","rel":"","context":"In &quot;Brightspace Small Plates&quot;","block_context":{"text":"Brightspace Small Plates","link":"https:\/\/cat.xula.edu\/food\/topic\/brightspace\/"},"img":{"alt_text":"Example of the Advanced Editing link in the Audio-Video Editor","src":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2022\/01\/audio-video-note-advanced-editing.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2022\/01\/audio-video-note-advanced-editing.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2022\/01\/audio-video-note-advanced-editing.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2022\/01\/audio-video-note-advanced-editing.png?resize=700%2C400 2x"},"classes":[]},{"id":18628,"url":"https:\/\/cat.xula.edu\/food\/brightspace-tip-343-august-continuous-delivery-updates\/","url_meta":{"origin":17311,"position":4},"title":"Brightspace Tip #343: August Continuous Delivery Updates","author":"Janice Florent","date":"August 25, 2022","format":false,"excerpt":"D2L (the company that owns Brightspace) uses Continuous Delivery to update our Brightspace system. The Continuous Delivery model gives us regular monthly updates allowing for incremental and easily integrated changes with no downtime required for our Brightspace system. Our Continuous Delivery update occurs on the 4th Thursday of each month.\u2026","rel":"","context":"In &quot;Brightspace Small Plates&quot;","block_context":{"text":"Brightspace Small Plates","link":"https:\/\/cat.xula.edu\/food\/topic\/brightspace\/"},"img":{"alt_text":"update","src":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2018\/06\/update-1672363_640.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":21537,"url":"https:\/\/cat.xula.edu\/food\/brightspace-tip-528-quicklinks\/","url_meta":{"origin":17311,"position":5},"title":"Brightspace Tip #528: Quicklinks","author":"Janice Florent","date":"August 13, 2025","format":false,"excerpt":"A Quicklink is a way for instructors to insert a direct link to content that is inside or outside of their course. Quicklinks are useful because they allow instructors to provide students with a direct link to content in the course. For example, instructors can create an announcement or email\u2026","rel":"","context":"In &quot;Brightspace Small Plates&quot;","block_context":{"text":"Brightspace Small Plates","link":"https:\/\/cat.xula.edu\/food\/topic\/brightspace\/"},"img":{"alt_text":"insert quicklink in Brightspace Editor","src":"https:\/\/i0.wp.com\/cat.xula.edu\/food\/wp-content\/uploads\/2025\/08\/quicklink.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/posts\/17311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/comments?post=17311"}],"version-history":[{"count":19,"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/posts\/17311\/revisions"}],"predecessor-version":[{"id":17332,"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/posts\/17311\/revisions\/17332"}],"wp:attachment":[{"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/media?parent=17311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/categories?post=17311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cat.xula.edu\/food\/wp-json\/wp\/v2\/tags?post=17311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}