Southern New Hampshire University

How to use New HTML Editor and its Changes

Updated on

A new HTML editor has been released in Brightspace. You can use the new editor now or use the old editor until August 2021.

Classic Editor

The classic editor box in Brightspace

New Editor

The new editor box in Brightspace

Changes to the Editor

The Check Accessibility, HTML Source Editor, Preview, and Toggle Full Screen functionalities have now been placed in the top bar.

The Insert Stuff and Insert Image Icons have been updated.

Some other changes to the HTML editor include:

  • More and different formatting options.
  • An improved color picker with WCAG compliance checking.
  • A full and standard set of Emojis and Symbols
  • The move of footer options like 'preview' ' source' 'accessibility checking' and 'expand' to the main toolbar.
  • Updates to our font size menu
  • A refreshed Accessibility checker
The new editor, with the "Insert", "Code,", and some accessibility options boxed in

Additions to the Editor

  • New Advanced Tables that include sorting options.
  • Contextual menus for editing text, links, and images (image editing is not available in all areas still)
  • Word Count including character and selection word count
  • Advanced Source Code Editor that includes code suggestions and color coding for tags.
  • Lato font
  • An 'Other Insert Options' menu for overflow items. 
  • Copy/paste and/or drag and drop images is now available when the consistent evaluation experience is on for assignment feedback.
  • Design improvements to enhance use of the Editor on mobile devices and improve general usability.
  • Accessibility improvements – Improved keyboard navigation for keyboard users and toolbar icons are spaced out more in accordance with WCAG standards.

Not included in the Editor

Some things were not carried over from the classic editor. These are those things:

  • Spellcheck functionality. D2L recommends using your browser spellcheck functionality.
  • Cut/Paste functionality. D2L recommends using your browser hot keys/menus for this functionality.
Previous Article How to Add Captions for Video Note
Next Article How to Add a file to Brightspace from Google Drive