{"id":391,"date":"2023-12-21T16:44:44","date_gmt":"2023-12-21T16:44:44","guid":{"rendered":"https:\/\/openlab.sps.cuny.edu\/brightspaceessentials\/?page_id=391"},"modified":"2024-02-09T01:03:28","modified_gmt":"2024-02-09T01:03:28","slug":"the-brightspace-editor","status":"publish","type":"page","link":"https:\/\/openlab.sps.cuny.edu\/brightspaceessentials\/the-brightspace-editor\/","title":{"rendered":"The Brightspace Editor"},"content":{"rendered":"\n

The Brightspace Editor is a text editing window that appears throughout Brightspace, in almost every tool that allows you to add text. It has several great tools that allow you to format text, check accessibility, insert images, equations, multimedia, or files available on integrated platforms (such as OneDrive or external multimedia platforms). You can even edit the source code for your content if you wish. This unit will ensure you know how to find the tools you need in the Brightspace Editor.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
1. The Brightspace editor<\/figcaption><\/figure>\n\n\n\n

Quick Tips<\/h2>\n\n\n\n
\n
\n
\n

Full screen editor <\/strong><\/p>\n\n\n\n

Expand the Editor to full screen when you are drafting or formatting a longer item, or when you are working on a smaller screen.<\/p>\n<\/div>\n\n\n\n

\n

Accessibility<\/strong><\/p>\n\n\n\n

Whenever you use the Brightspace Editor, whether to create an announcement or a discussion post, or any other task that involves the editor, clicking the Accessibility Checker before saving or posting is an easy way to ensure content is accessible to all students.<\/p>\n<\/div>\n\n\n\n

\n

Preview your work <\/strong><\/p>\n\n\n\n

Just like it\u2019s a good practice to use spelling and grammar checkers, and the Brightspace Accessibility Checker, whenever you are posting a new item to your course, it\u2019s a great idea to preview items before you post them, especially longer items or items that include images, tables, or graphs.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

How to<\/h2>\n\n\n\n
Expand the toolbar<\/summary>\n
\"\"<\/figure>
\n

To expand or reduce the toolbar, click on the ellipsis (\u2026) on the top right of the toolbar. If you don\u2019t see all the tools, try expanding the toolbar.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Expand the editor to full screen<\/summary>\n
\"The<\/figure>
\n

Expanding the editor to full screen is very helpful when you are drafting or formatting a long item, or when you are working on a smaller screen.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Format text<\/summary>\n
\"\"<\/figure>
\n

The editor includes all the basic text formatting tools, including structural formatting styles like headers and blockquotes, font options, text justification, lists, and a format painter. Using the format styles systematically, particularly the Paragraph style for plain text and the Headers for headings (rather than simply bold or higher font sizes) is the best practice for Accessibility. Simply select the text you wish to format, click the Format dropdown, and apply the appropriate formatting style.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Insert stuff<\/summary>\n
\"\"<\/figure>
\n

Insert Stuff allows you to embed files from your computer, from the course, or from external drives, multimedia, including recording a video note, and content from external platforms such as OER platforms.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Insert quicklinks<\/summary>
\n
\"\"<\/figure>\n<\/div>\n\n\n

The quicklink menu allows you to insert a link to anything in your course, any third-party tools installed in your Brightspace platform, and to an external website (\u201cUrl\u201d, at the bottom of the course materials list in the menu).<\/p>\n\n\n\n

Note that when you paste or type a URL into the editor, it will automatically turn into a hyperlink. You\u2019ll want to edit the hyperlink so that the text displayed is meaningful and not the URL. To edit a link simply click on it and then click on the pencil icon to edit the title of the link.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/details>\n\n\n\n
Insert images<\/summary>\n
\"\"<\/figure>
\n

You can insert image files from your computer, from within your course, or via a link.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Insert equations<\/summary>\n
\"\"<\/figure>
\n

The Brightspace Editor includes a graphical math equation editor, a graphical chemistry equation editor, and MathML and LaTex editors. All equations created with these editors will render in a format that is accessible to most screen readers. For more on accessibility of equations, please see Accessibility in STEM<\/a>  in the CUNY SPS Accessibility Toolkit<\/a>.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Insert tables<\/summary>\n
\"\"<\/figure>
\n

Using the Brightspace Editor\u2019s Insert Table function ensures that your tables are formatted accessibly.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Insert more stuff \/ See all tools<\/summary>\n
\"\"<\/figure>
\n

Clicking on the plus sign icon opens a menu of all the other things that can be inserted, including emojis, code, symbols, dividers, and attributes (both for individual elements and the entire page). Also, when you are working on a small screen, some of the editor tools may be hidden. Clicking on the plus sign shows you any tools that are not displayed in the toolbar.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Edit source code<\/summary>\n
\"\"<\/figure>
\n

If you are comfortable with HTML, you can view the source code for the item you are editing and fine-tune your formatting.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Preview<\/summary>\n
\"\"<\/figure>
\n

It’s a great idea to preview items, especially longer ones, or ones with embedded objects, before you save it or post it.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n

Check accessibility<\/summary>\n
\"\"<\/figure>
\n

The Brightspace Editor includes an Accessibility checker tool, represented by an icon that looks like an eye above a checkmark. Use this tool to ensure the contents you\u2019ve created will be accessible to all your students<\/p>\n<\/div><\/div>\n\n\n\n

    \n
  • Once you\u2019ve drafted your item in the editor, click on the Accessibility Checker button.<\/li>\n\n\n\n
  • You will see the accessibility report in a pop-up window including a list of potential issues and suggestions for how to resolve them.<\/li>\n<\/ul>\n\n\n\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/details>\n\n\n\n

    Test Your Knowledge<\/h2>\n\n\n