{"id":62,"date":"2021-01-29T17:21:39","date_gmt":"2021-01-29T22:21:39","guid":{"rendered":"https:\/\/carleton.ca\/brightspace\/instructors\/?page_id=62"},"modified":"2023-01-24T15:16:07","modified_gmt":"2023-01-24T20:16:07","slug":"using-the-html-editor","status":"publish","type":"page","link":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/","title":{"rendered":"Using the Brightspace Editor"},"content":{"rendered":"<p><span data-contrast=\"none\">The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the Brightspace Editor is available when you edit discussion topics, create custom instructions for assignment folders, create ePortfolio artifacts, <\/span><span data-contrast=\"none\">create content topics, or create webpages.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=oBtdlm3Ovx8&amp;feature=emb_title\">\u2192D2L Video Tutorial: How to Make Use of the Brightspace Editor<\/a><\/p>\n<p aria-level=\"2\"><strong>The Brightspace Editor allows you to:\u00a0<\/strong><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"10\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"#formattext1\"><strong>Format text\u00a0<\/strong><\/a><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"10\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"#addheaders1\"><strong>Add Headers\u00a0<\/strong><\/a><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"10\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"#embedmedia1\"><strong>Embed multi-media\u00a0<\/strong><\/a><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"10\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"#add3\"><strong>Add bullets, numbering, horizontal lines, and alignment\u00a0<\/strong><\/a><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"10\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><a href=\"#add4\"><strong>Add equations, symbols and\u00a0emojis\u00a0<\/strong><\/a><\/li>\n<\/ul>\n<h2 aria-level=\"2\">Accessing the Brightspace Editor<\/h2>\n<p>The Brightspace editor appears in multiple tools and content areas within your <a href=\"https:\/\/brightspace.carleton.ca\/\">Brightspace<\/a> course. Below are some examples of where you can access the editor:<\/p>\n<ul>\n<li><strong>Adding instructions for an assignment, quiz, etc.<\/strong><\/li>\n<li><strong>Adding a description for a file, link, video, etc.<\/strong><\/li>\n<li><strong>Posting a Discussion topic or reply<\/strong><\/li>\n<li><strong>Sending Emails from your Classlist<\/strong><\/li>\n<li><strong>Editing widgets from your course homepage<\/strong><\/li>\n<\/ul>\n<p><em>Example of a Brightspace Editor:<\/em><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3406 size-full\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png\" alt=\"\" width=\"2340\" height=\"626\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png 2340w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-240x64.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-400x107.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-768x205.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-1536x411.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-2048x548.png 2048w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-360x96.png 360w\" sizes=\"(max-width: 2340px) 100vw, 2340px\" \/><\/p>\n<p><\/p>\n<table style=\"height: 24px; width: 100%; border-collapse: collapse; border-style: solid; border-color: #b3c3d1;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 100%; height: 24px; border-style: solid; border-color: #b3c3d1; background-color: #edf7fc;\"><strong>TIP: <\/strong>Click the <strong>Preview icon <\/strong>to view how your content will appear to students <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1878\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-01-29-at-4.43.50-PM.png\" alt=\"\" width=\"31\" height=\"30\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"height: 24px; width: 100%; border-collapse: collapse; border-style: solid; border-color: #dcdcdd;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 100%; background-color: #f5f5f5; height: 24px; border-style: solid; border-color: #dcdcdd;\"><strong>NOTE: <\/strong>When you are done adding content into the Brightspace Editor, click <strong style=\"font-family: inherit; font-size: inherit;\">Save, <\/strong><span style=\"font-family: inherit; font-size: inherit;\">\u00a0<\/span><strong style=\"font-family: inherit; font-size: inherit;\">Publish <\/strong><span style=\"font-family: inherit; font-size: inherit;\">or<\/span><strong style=\"font-family: inherit; font-size: inherit;\"> Update <\/strong><span style=\"font-family: inherit; font-size: inherit;\">to save your work. The options will vary depending on which tool you are using the Brightspace Editor within.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<h2><a id=\"formattext1\"><\/a>Format Text<\/h2>\n<p><strong>Bold, Italicize, or Underline text<\/strong><\/p>\n<ol>\n<li>Highlight the text you want to format, then click Bold, Italic or Underline buttons <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3451\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.41.48-PM-240x81.png\" alt=\"\" width=\"86\" height=\"29\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.41.48-PM-240x81.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.41.48-PM-160x54.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.41.48-PM.png 336w\" sizes=\"(max-width: 86px) 100vw, 86px\" \/><\/li>\n<\/ol>\n<p><strong>Strikethrough, Subscript, or Superscript text<\/strong><\/p>\n<ol>\n<li>Highlight the text you want to format, then click the <strong>strikethrough<\/strong> <strong>button <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3445\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.29.03-PM.png\" alt=\"\" width=\"37\" height=\"36\" \/><\/strong>, or click the <strong>arrow<\/strong> to access the subscript, or superscript options <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3446\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.29.08-PM.png\" alt=\"\" width=\"50\" height=\"34\" \/><\/li>\n<li>Select <strong>strikethrough<\/strong>, <strong>subscript<\/strong>, or <strong>superscript<\/strong> from, the drop-down menu.<\/li>\n<\/ol>\n<p><strong>Change Font Colour<\/strong><\/p>\n<ol>\n<li>Highlight the text you want to format, then click the <strong>Select Colour button<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3447\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.30.51-PM.png\" alt=\"\" width=\"23\" height=\"24\" \/>\u00a0button to open the <em>Select a Colour<\/em> window.<\/li>\n<li>Select a <strong>font colour<\/strong> or enter a hex value.<br \/>\n<table style=\"height: 48px; width: 100%; border-collapse: collapse; border-style: solid; border-color: #b3c3d1;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 100%; height: 24px; border-style: solid; border-color: #b3c3d1; background-color: #edf7fc;\"><strong>TIP: <\/strong>Make sure you see a checkmark next to contrast for both large and small text. If you see an &#8220;x&#8221;, your text has not passed the accessibility check and might be illegible to some users.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3448 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour.png\" alt=\"\" width=\"343\" height=\"480\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour.png 852w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour-240x336.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour-400x561.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour-160x224.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour-768x1076.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/select-a-colour-360x505.png 360w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/li>\n<li>Click <strong>Save<\/strong>.<\/li>\n<\/ol>\n<h2><strong><a id=\"add3\"><\/a>Add Bullets, Numbering, Horizontal lines, and Alignment\u00a0<\/strong><\/h2>\n<p><strong>Change Text Alignment<\/strong><\/p>\n<ol>\n<li>Place your cursor where you want to align the text, or highlight the text you want to format.<\/li>\n<li>Click the <strong>alignment button<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3441\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.24.23-PM.png\" alt=\"\" width=\"28\" height=\"22\" \/><\/li>\n<li>Select an alignment option from the menu.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3442 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM.png\" alt=\"\" width=\"584\" height=\"161\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM.png 1794w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM-240x66.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM-400x110.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM-160x44.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM-768x211.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM-1536x423.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.25.05-PM-360x99.png 360w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/li>\n<\/ol>\n<p><strong>Add a Bulleted List<\/strong><\/p>\n<ol>\n<li>Place your cursor where you want to create a bulleted list, or highlight the text you want to format.<\/li>\n<li>Click the <strong>bulleted list button<\/strong>.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1870 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-01-29-at-4.11.35-PM.png\" alt=\"\" width=\"34\" height=\"31\" \/><\/li>\n<\/ol>\n<p><strong>Add a Numbered List<\/strong><\/p>\n<ol>\n<li>Place your cursor where you want to create a numbered list, or highlight the text you want to format.<\/li>\n<li>Click the drop-down <strong>arrow<\/strong> next to the <strong>bulleted list button<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3439\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.21.18-PM.png\" alt=\"\" width=\"42\" height=\"29\" \/><\/li>\n<li>Select <strong>Numbered list<\/strong> from the drop-down menu.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3440 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM.png\" alt=\"\" width=\"578\" height=\"155\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM.png 1778w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM-240x65.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM-400x108.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM-768x206.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM-1536x413.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.23.13-PM-360x97.png 360w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/li>\n<\/ol>\n<p><strong>Add Horizontal Lines (Page Breaks)<\/strong><\/p>\n<ol>\n<li>Place your cursor where you want to add a horizontal line.<\/li>\n<li>Click the <strong>other insert options button<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3443\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.26.19-PM.png\" alt=\"\" width=\"43\" height=\"33\" \/><\/li>\n<li>Select <strong>divider<\/strong> from the drop-down menu.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3444 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM.png\" alt=\"\" width=\"583\" height=\"158\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM.png 1778w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM-240x65.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM-400x108.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM-768x208.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM-1536x416.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.27.12-PM-360x98.png 360w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/li>\n<\/ol>\n<h2><a id=\"add4\"><\/a>Add Equations, Code Snippets, Symbols, and Emojis<\/h2>\n<h3>Insert Equations in the Brightspace Editor<\/h3>\n<p>The Graphical Equation Editor enables users to insert mathematical equations within the Brightspace Editor. It supports the input of MathML, LaTeX, graphical, and chemistry equations.<\/p>\n<table style=\"width: 100%; border-collapse: collapse; border-style: solid; border-color: #dcdcdd;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 100%; border-style: solid; border-color: #dcdcdd; background-color: #f5f5f5;\"><strong>NOTE<\/strong>: The Graphical Equation Editor in\u00a0Brightspace Learning Environment\u00a010.2 and newer does not require Java support or have specific browser compatibility considerations. Existing equations created before\u00a0Brightspace Learning Environment\u00a010.2 will still require Java Applet support but are up-converted to MathML upon an edit.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<ol>\n<li>Access the editor you wish to create an equation in.<\/li>\n<li>Click the <b>graphical equation icon\u00a0<\/b><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3418\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.18.43-PM.png\" alt=\"\" width=\"18\" height=\"24\" \/>in the editor toolbar.<\/li>\n<li>Click the drop-down <strong>arrow<\/strong> next to the graphical equations button <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3450\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.40.01-PM.png\" alt=\"\" width=\"30\" height=\"20\" \/><\/li>\n<li>From the <strong>Graphical equation<\/strong>\u00a0drop-down list, do one of the following:\n<ul>\n<li>To insert a graphical equation, click <strong>Graphical equation<\/strong>.<\/li>\n<li>To insert a chemistry equation, click <strong>Chemistry equation<\/strong>.<\/li>\n<li>To insert a MathML equation, click <strong>MathML equation<\/strong>.<\/li>\n<li>To insert a LaTeX equation, click <strong>LaTeX equation<\/strong>. <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3449 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM.png\" alt=\"\" width=\"592\" height=\"164\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM.png 1596w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM-240x66.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM-400x111.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM-160x44.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM-768x213.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM-1536x425.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-5.39.24-PM-360x100.png 360w\" sizes=\"(max-width: 592px) 100vw, 592px\" \/><\/li>\n<\/ul>\n<\/li>\n<li>In the <strong>Insert Equation<\/strong>\u00a0window, enter your equation using keyboard characters and your cursor to select symbols from the tabs.<\/li>\n<li>Click <strong>Insert<\/strong>.<\/li>\n<li>Click<strong> Save<\/strong> or <strong>Publish <\/strong>or<strong> Update <\/strong>to save your work. The options will vary depending on which tool you are using the Brightspace Editor within.<\/li>\n<\/ol>\n<p><em>You have now inserted an equation into the Brightspace Editor.<\/em><\/p>\n<h3>Insert Code Snippets in the Brightspace Editor<\/h3>\n<ol>\n<li>Access the Brightspace Editor and place your text cursor in the spot where you wish to create a code snippet.<\/li>\n<li>Click the <strong>Other Insert Options icon<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6090\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2022-08-12-at-11.49.45-AM.png\" alt=\"\" width=\"34\" height=\"22\" \/>in the editor toolbar.<\/li>\n<li>Select <strong>Insert Code<\/strong> from the drop-down menu.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6086 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code.png\" alt=\"\" width=\"679\" height=\"287\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code.png 1705w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code-240x101.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code-400x169.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code-160x68.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code-768x325.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code-1536x650.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-code-360x152.png 360w\" sizes=\"(max-width: 679px) 100vw, 679px\" \/><\/li>\n<li>Once you select <em>Insert Code<\/em> from the menu, a source code editor will open in place of the text editor.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6087 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code.png\" alt=\"\" width=\"681\" height=\"248\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code.png 824w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code-240x87.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code-400x146.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code-160x58.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code-768x280.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/code-360x131.png 360w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/li>\n<li>Adjust your display settings:\n<ul>\n<li>Select your <strong>coding language<\/strong> from the drop-down menu in the top right-hand corner.<\/li>\n<li>Click on the bullet icon to <strong>enable or disable line numbering<\/strong>.<\/li>\n<li>Toggle between <strong>dark mode<\/strong> and <strong>light mode<\/strong> using the moon\/sun icon.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Enter your code<\/strong> the same as you would in a source code editor.<\/li>\n<li>Click on the code snippet to edit it after it has been inserted into the text editor<\/li>\n<li>Click the <strong>checkmark<\/strong> to save and insert the snippet into the HTML Editor.<\/li>\n<\/ol>\n<table style=\"height: 24px; width: 100%; border-collapse: collapse; border-style: solid; border-color: #dcdcdd;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 100%; background-color: #f5f5f5; height: 24px; border-style: solid; border-color: #dcdcdd;\"><strong>NOTE:\u00a0<\/strong>The code snippet feature is not available for quiz questions, but it can be used in any other HTML Editor throughout Brightspace and is available to students as well. It is therefore possible for students to submit Text Submission assignments in a code snippet format.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<h3>Insert Symbols<\/h3>\n<ol>\n<li>In the Brightspace editor, place your cursor where you want to insert a symbol.<\/li>\n<li>Click the <strong>other insert options<\/strong> <strong>icon<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3413\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.11.21-PM.png\" alt=\"\" width=\"32\" height=\"20\" \/>in the editor toolbar.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3414 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM.png\" alt=\"\" width=\"339\" height=\"56\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM.png 750w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-240x40.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-400x66.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-160x26.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-360x60.png 360w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/li>\n<li>Select <strong>Symbols<\/strong> from the drop-down menu.<\/li>\n<li>In the <em>Special Character<\/em> pop-up, select the symbol you want to insert. <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3417 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character.png\" alt=\"\" width=\"476\" height=\"330\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character.png 978w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character-240x166.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character-400x277.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character-160x111.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character-768x532.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/special-character-360x250.png 360w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/li>\n<\/ol>\n<h3>Add Emojis<\/h3>\n<ol>\n<li>In the Brightspace editor, place your cursor where you want to insert an emoji.<\/li>\n<li>Click the <strong>other insert options<\/strong> <strong>icon<\/strong> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3413\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.11.21-PM.png\" alt=\"\" width=\"32\" height=\"20\" \/>in the editor toolbar.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3414 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM.png\" alt=\"\" width=\"339\" height=\"56\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM.png 750w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-240x40.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-400x66.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-160x26.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.10.36-PM-360x60.png 360w\" sizes=\"(max-width: 339px) 100vw, 339px\" \/><\/li>\n<li>Select <strong>Insert Emoticon<\/strong> from the drop-down menu.<\/li>\n<li>In the <em>Emoticons<\/em> pop-up, select an <strong>emoji<\/strong>.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3415 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons.png\" alt=\"\" width=\"458\" height=\"319\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons.png 978w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons-240x167.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons-400x279.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons-160x112.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons-768x536.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/emoticons-360x251.png 360w\" sizes=\"(max-width: 458px) 100vw, 458px\" \/><\/li>\n<\/ol>\n<h2><a id=\"addheaders1\"><\/a>Add Heading Styles<\/h2>\n<p>Use heading styles to structure your text and make your content more accessible for students using screen readers.<\/p>\n<p><strong>To add a heading style:<\/strong><\/p>\n<ol>\n<li>Click the <strong>format<\/strong> drop-down menu (set to Paragraph by default) <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3412 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.07.35-PM.png\" alt=\"\" width=\"106\" height=\"34\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.07.35-PM.png 454w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.07.35-PM-240x77.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.07.35-PM-400x129.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.07.35-PM-160x51.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.07.35-PM-360x116.png 360w\" sizes=\"(max-width: 106px) 100vw, 106px\" \/><\/li>\n<li>Select a <strong>Heading style<\/strong> (H1, H2, H3, etc.) from the drop-down menu.<\/li>\n<\/ol>\n<h2><a id=\"embedmedia1\"><\/a>Embed Multimedia<\/h2>\n<h3>Inserting an Image in the Brightspace Editor<\/h3>\n<ol>\n<li>Access the Brightspace Editor you wish to add the image to.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3406 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png\" alt=\"\" width=\"618\" height=\"165\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png 2340w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-240x64.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-400x107.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-768x205.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-1536x411.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-2048x548.png 2048w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-360x96.png 360w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/li>\n<li>Move your cursor to the location in the Brightspace Editor textbox where you would like to place the image.<\/li>\n<li>Click the\u00a0<strong>Insert Image<\/strong> button in the Editor toolbar <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3410\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.02.57-PM.png\" alt=\"\" width=\"31\" height=\"25\" \/><\/li>\n<li>Choose the image location:\n<ul>\n<li><em><strong>If the image is on the\u00a0computer<\/strong><\/em><em>,<\/em>\u00a0select\u00a0the\u00a0<strong>My Computer<\/strong>\u00a0button. Choose\u00a0the file from your computer and drag and drop it on the designated area, or click <strong>Upload<\/strong> to select the image from your computer, click the selected image and then click <strong>Add<\/strong>.<\/li>\n<li><em><strong>If the image is located on the web,<\/strong><\/em><strong><em>\u00a0<\/em><\/strong>select\u00a0<strong>URL<\/strong>. Enter or paste the web address for the image, then click <strong>Add<\/strong>.<\/li>\n<li><em><strong>If the image is located within the course, <\/strong><\/em><em>select the <strong>Course Offering Files<\/strong>. Choose the file from your course files, then click <strong>Add<\/strong>. <\/em><\/li>\n<\/ul>\n<\/li>\n<li>Once you click Add, the system will prompt you to add an alternative text for the image selected. To ensure that the image is accessible to all users, enter a short description of it on the field <em>Alternative Text<\/em> or check the \u2018<em>This image is decorative\u2019<\/em> box if it is a decorative image.<br \/>\n<table style=\"width: 100%; border-collapse: collapse; border-style: solid; border-color: #b3c3d1; background-color: #edf7fc;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 100%; border-style: solid; border-color: #b3c3d1;\"><strong>TIP<\/strong>: The alternative text should convey the message you want students to get when they look at the image. If the image refers to an intricate infographic that needs further explanation, enter a short description in the provided Alternative text field and add a more detailed description under or next to the image in the textbox so all learners benefit from the explanation.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%; border-collapse: collapse; border-style: solid; border-color: #e08290;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 100%; border-style: solid; border-color: #e08290; background-color: #f7e4e7;\"><strong>WARNING<\/strong>: Only select \u2018This image is decorative\u2019 if the image contains no information valuable to the student. You can always edit the image later and edit the alternative text.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li>Select\u00a0<strong>OK.<\/strong><\/li>\n<li>Click<strong> Save<\/strong> or <strong>Publish <\/strong>or<strong> Update <\/strong>to save your work.<\/li>\n<\/ol>\n<p><em>You have now inserted an image within the Brightspace Editor.<\/em><\/p>\n<h3>Inserting a QuickLink into a Brightspace Editor<\/h3>\n<p>Quicklinks are direct links to existing files or activities in your Brightspace course that can be inserted anywhere the Brightspace Editor appears (descriptions, announcements, discussion forums, etc.). For example, you could insert Quicklinks into a module description to link to assessments (Assignments, Quizzes, etc.) that you would like your students to complete for that particular week\/module. Quicklinks can enhance course navigation and help make your course files\/activities easier for students to find.<\/p>\n<table style=\"height: 24px; width: 100%; border-collapse: collapse; border-style: solid; border-color: #dcdcdd;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 100%; background-color: #f5f5f5; height: 24px; border-style: solid; border-color: #dcdcdd;\"><strong>NOTE:\u00a0<\/strong>It is recommended to use the Quicklink tool instead of copying and pasting a URL link. Quicklinks will continue to work if your content is exported or copied to another course.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><strong>To insert a Quicklink:<\/strong><\/p>\n<ol>\n<li>Access the Brightspace Editor you wish to add the Quicklink to.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3406 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png\" alt=\"\" width=\"618\" height=\"165\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png 2340w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-240x64.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-400x107.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-768x205.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-1536x411.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-2048x548.png 2048w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-360x96.png 360w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/li>\n<li>Select the location for the link within the Brightspace editor textbox.<br \/>\n<table style=\"width: 100%; border-collapse: collapse; border-style: solid; border-color: #b3c3d1; background-color: #edf7fc;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 100%; border-style: solid; border-color: #b3c3d1;\"><strong>TIP<\/strong>: You can also highlight text to act as the URL text. By default, the name of the material will generate as the URL if no text is highlighted.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li>Click the<strong> Insert Quicklink<\/strong> icon on the Editor toolbar.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1877\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-01-29-at-4.36.53-PM.png\" alt=\"\" width=\"27\" height=\"26\" \/><\/li>\n<li>A pop-up window will open with two categories: <strong>Course Materials<\/strong> and <strong>Third Party<\/strong>.<\/li>\n<li>Select the course item you wish to insert into your HTML Editor.<\/li>\n<li>The pop-up window will close and a URL will be generated to link.<\/li>\n<li>Continue to edit your content in the Brightspace Editor.<\/li>\n<li>Click<strong> Save<\/strong> or <strong>Publish <\/strong>or<strong> Update <\/strong>to save your work. The options will vary depending on which tool you are using the Editor within.<\/li>\n<\/ol>\n<p><em>You have now inserted a link to a content item within the Brightspace Editor.<\/em><\/p>\n<h3><strong>Making Course Links Open in a New Window<\/strong><\/h3>\n<p>When pasting a URL directly into a Brightspace Editor, the default \u201ctarget\u201d (i.e. how it opens) will be to open in the same window. It is possible to edit this setting to make links open in a new window. To do this for a link you have pasted into a Brightspace text editor:<\/p>\n<ol>\n<li class=\"x_MsoListParagraphCxSpFirst\">Click on the <strong>URL<\/strong> (this will not open the link, it will just select it).\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-5854 size-full\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu.png\" alt=\"\" width=\"1922\" height=\"437\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu.png 1922w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu-240x55.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu-400x91.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu-160x36.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu-768x175.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu-1536x349.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Editor_hyperlink_context_menu-360x82.png 360w\" sizes=\"(max-width: 1922px) 100vw, 1922px\" \/><\/li>\n<li class=\"x_MsoListParagraphCxSpFirst\">Click the <strong>Insert Quickl<\/strong><b>ink<\/b> <strong>icon<\/strong> in the toolbar <img decoding=\"async\" loading=\"lazy\" id=\"x_Picture_x0020_2\" class=\"\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA5CAYAAABqMUjBAAAAAXNSR0IArs4c6QAACYVJREFUaEPtmglM1Fcex78wgApyqBUFRW1au020VtdNaqwXSLWtVVtvAZEbrKiggIIHoIKIsCpttVov4npg3VqbzW612noieJ90U3HBtXarZEFgGJgLNt83\/EeKHMPI4KTLSyYM8P5v3uf97t8bi5qamhr8Hw2LduDfubTbJfw7FzDMSsLXb9zE6bNn8ejRY8hkluLsq6trYGNjg6FDBmPUyBFwcHB4LpmYBfC\/HzzAjp27cSE3F1VVVQ0CWVhY4OWX+8F79myM8xxrNPQLB7585SrSNm7Egwc\/o3PnzrC01Em2oVFZWQmC+3jNRqC\/n1HQLxT43PlsJK9PBUE6duyoB9BotNBo1OJ3mUwGKysrAcqh1WqhUCiwMHw+Zkyb2mLoFwYswVKFO3ToUGuv1ahSKuHk6Ii+fdwE6M8Pf0FRUZF4zxeHWq0W79PWr8PAAQNaBP1CgLOzLyApZT0qq6qEZJnsaTQaaLXVeO\/dcZg1Yzp69ughpCqXy\/G3v\/8DB7IOQalUwtraWgCWl8vh4T4aq+NXmTfwnbw8xK1YhbLycnTq1KkOrBZhIcGNqun3P5zCutQNwsb50qjVsLWzQ8bGdPTt08dg6DaVcElJCSKjYlBQWAhbW1uxSZ1ktfg4LBTTpnzU5MYJ\/O2x4+JZakWFQoGVccswztPTPIG379iFPXv3wrE2lmq0WlRrtZgXGtIsLIlOnTmD+MTVsLW1E4BPSksRGxONSR9MMD\/g\/xYXI3xRBB49LkIHGxvUVFdDqVIhNDhI2Kwh4+at21gcsxSyWrUuLSsTwBMnvG\/I42JOm6k0vfLKhEThkemMGFrGerhj1fI4sZF\/FRTg3LlsvPRSN3iO9RDZVf3xw+nTWJWwBp07P5XwsugoTJ74gfkBZ+79C3btyRT2V11dLWwwJWkt\/jhkMHJyL2J9WjoeFxUBNTWY8uFkRC5a+EwSkpyaimPHT8C21tnRy8eviIPHmDHmB\/z59h04kJUlgOmo+HN\/5h78dPcuViQkoqKiQnhtlUol\/rclYxPc3Nz0ICdOfi+8NOMvvTTnURu2ZGxGt27dzA942xc7sf\/gQb2E7ezshCS\/PvoNiktK9MkHsy4Xl574bPMmdO3aVYDk5FzE2pQUkWdLcbisrAzTp01FxIJwg2Hb1IYP\/\/UrfLr1c5Fo0Ib5YsbEQQgp+eDflkRG6B0R1X1t8joo6qSftP\/u3bsj489pcHFxMU\/gvLwfEREVLUClAoGQUo6si8cahIaEYGZtjpyTkysyMrlCgU61uTazLebXtN23hw9vEWybSpg2Ry+de\/GSsNW6g06Mh8B4zJjKgzhy9BvszsxERYVCn35S+jIrGWKWLMZYd\/cWw7YpMD9s34GD2L5jpz7LknZM6To7O2PG1CnCnm\/cuoWbN2+JQ2B44gEQlj9jopZg\/DuGZ1b1T6XN4jAlm5qejrJyOaxksmekQxg6Jf4kqBSvOZGwPJR5YVT3aUZJVnqo1YDLyspFW4bet\/64dPkKVicli8pHKhioxnxJJV9jFPTahKe6fzhp4nPBPrdK5\/34T5zPzsbd\/HwUF5dAZmUFB3t79OzhjFEjR+LNQW+A6WDi2iTI5YyzulKQxYJOijYoKXmii60yGSxri3z2sdgAoGRf698focGBGPbWW88NazTwf379FTt27cbZc+dFTcteBDfNOwx6WkqOkn799T\/g4cNfUFxc\/Ju6l+rJUnDwm4Nw+sxZZF\/IEeUiHRsH7bZ3714YNWIEPD3c4eTk1CqwRgHfun0H69PSUFBQKKAYIhoahFYqVbC2tqoXZzUICQ6A18yZ+sc4r6josah+LGCBLl26wNW1ZfHV0BNpkQ3TFtckrwOznLqhhRJTazRCXZlYSKpZP\/SwVxXoPxdes57CGrrR1ppnMPDlK3Q861BeXq5vuFGK9KxMAfv17QsnJ0dhs3RO9buPCkUlfOd4IdDPuG5jmwKzlUovS1jJy9Lx0ObeGz8O3l6z0btXL1yu1QDadX1VZzo4Y\/o0zA8Lba29G7VOsxIuKChA1NJYsICXWitChdVqBPj7wdfbS3zwtes3xKFQ3RuqZTnf0cERn2xKh6urq1GbbY2HmgRmyRYdG4fbt+\/o4yvbMmq1CkH+\/qIhLsHGJ65BufypBlDdCSm1YGnfLAASViyHh7vh9WtrQNZdo0ngg1mH8MmWrbC3txdJPiGoxoEBfvCZrYMtLS1DZFQ08u\/dEzcHUtXDCmjQGwNx+06eyJL4PKXPBEI6qNaGMWS9RoGZKCyIiETh\/ft6J0U79PX2FsDSKCy8j6CwecJmRftUo4FKrcai8PkYOmQIFkYuFrGa\/6czm+Ptg5Agf0P2ZpI5jQIz3lJyzJ4YZuiNBw4YiI1pKbCy0jXDOQizNDYOObmXROZEsKCAAPh4zQIzsYglUfqSkE4vJCgQvj7eJoExZNFGgY8d\/w4pG9J+04lYFB6OKR9NfmZd3v7t238A7CKyRyzZ6NZt23Hg0Jewq+0jK6uUiF+5HGNGjzJkbyaZ0yhw1peHsXXbF+jYsQOqWagDSFqdgD8NHWrQRnJzLyIhKRlajUZInQ6si5MTPs3YhB7OzgatYYpJjQIf+fooMj7bIiQsOaKVscswZszoZvfBEMWCgfkxe9AcfD9pwgQsjV7S7POmnNAo8KnTZ8SmpbqUDofXkwvmf9zkfq5dv47EtckoLS3Vp5+0f3sHe2xOS0O\/fn1NydPs2o0C8\/4nfFGkUEWqJL0vE4qkNYkYPGhQgwtfvXYda5KSUVJaqu8d8zmGs9iYKHiONf7mvlkSAyc0CqzVaBEXH48LF3L0SQcbaOwFh4WEwH30KH0DjrGZl1y7MjNFXK6bfvK+NyQoQB+3DdyXyaY1mXiwRRq7YqUo7yhlJg9UT0q6f\/9X0cfNTfwtP\/+eaALwvdSDYq7Nu6OAub6YO8fHZAAtXbjpXLqmRmRa+7MOiRs\/qaWqq3WVwplxNNSDUqnUCPDzhZ\/vnJbuyaTzmy0eVGoVUjek49vj34mMS+r8N7Yr9qBsrK0RHBggbgbMbTQLzA3T8ezdtx+HvzoiuhIMNexB6b5mwvsv3VcW2AR49ZVXEOzvhxEj3jY3VrEfg4Clnf90Nx8nTp7ElavX8KT0ifjSGKHZHHd1ccHwYcMwftw7rdqDau1TaxGw9OG033K5HJUKBSwtZaJOdnR0aPI7Vq29cWPXMwrY2A8zh+fagc1BCqbcQ7uETXm65rB2u4TNQQqm3EO7hE15uuaw9v8AzvtCoWoErCYAAAAASUVORK5CYII=\" alt=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-01-29-at-4.36.53-PM.png\" width=\"25\" height=\"24\" border=\"0\" crossorigin=\"use-credentials\" data-imagetype=\"AttachmentByCid\" data-custom=\"AAMkADZhZTc3YzAwLWI3NDctNDQ1ZS05ODBmLTZiYzIyODllYjlkYwBGAAAAAADQF0h56YOySoxl45RV2ov8BwANzhKlWe%2BETpLGSSZH%2F8fwAAAAAAEMAAANzhKlWe%2BETpLGSSZH%2F8fwAAJC4ldwAAABEgAQAJ1RgUIja4hAh6fk%2Firp9CY%3D\" \/>.\u00a0 An <em>Insert Quicklink<\/em> pop-up window will open.<\/li>\n<li>Under <em>Target<\/em>, select <strong>New Window<\/strong>.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4031 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink.png\" alt=\"\" width=\"419\" height=\"344\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink.png 939w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink-240x197.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink-400x329.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink-160x132.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink-768x631.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/insert-quicklink-360x296.png 360w\" sizes=\"(max-width: 419px) 100vw, 419px\" \/><\/li>\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n<p><em>Your link will now automatically open in a new window when clicked.<\/em><\/p>\n<h3>Insert MediaSpace Video\/Audio Files<\/h3>\n<ol>\n<li>Access the Brightspace Editor you wish to add your media to.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3406 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png\" alt=\"\" width=\"618\" height=\"165\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png 2340w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-240x64.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-400x107.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-768x205.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-1536x411.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-2048x548.png 2048w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-360x96.png 360w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/li>\n<li>Click the\u00a0<strong>Insert Stuff<\/strong> button in the Editor toolbar <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3411\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.03.10-PM.png\" alt=\"\" width=\"26\" height=\"25\" \/><\/li>\n<li>In the <em>Insert Stuff<\/em> pop-up window, select where you will be uploading your media from.\n<ul>\n<li><strong>To insert a video\/audio file from MediaSpace:<\/strong>\n<ol>\n<li>\u00a0Select <strong>Insert<\/strong> <strong>MediaSpace<\/strong>.<\/li>\n<li>Click the <strong>Embed<\/strong> button next to the video you want to upload.<\/li>\n<li>You will see a preview of your selected media. Click <strong>Insert<\/strong> to embed your media into the HTML editor or <strong>Back<\/strong> to make changes to your selection. Your media will automatically appear in the HTML editor.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Save\u00a0<\/strong>or <strong>Publish<\/strong> to make your media visible to students.<\/li>\n<\/ol>\n<h3>Insert a File from Your Computer<\/h3>\n<ol>\n<li>Access the Brightspace Editor you wish to add the image to.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3406 \" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png\" alt=\"\" width=\"618\" height=\"165\" srcset=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM.png 2340w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-240x64.png 240w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-400x107.png 400w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-160x43.png 160w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-768x205.png 768w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-1536x411.png 1536w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-2048x548.png 2048w, https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-11.57.06-AM-360x96.png 360w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/li>\n<li>Click the\u00a0<strong>Insert Stuff<\/strong> button in the Editor toolbar\u00a0<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-3411\" src=\"https:\/\/carleton.ca\/brightspace\/instructors\/wp-content\/uploads\/Screen-Shot-2021-04-26-at-12.03.10-PM.png\" alt=\"\" width=\"26\" height=\"25\" \/><\/li>\n<li>In the <em>Insert Stuff<\/em> pop-up window, select <strong>My Computer<\/strong>.<\/li>\n<li>Click <strong>Choose file<\/strong>, then select a file from your computer.<\/li>\n<li>Click <strong>Upload<\/strong>.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the Brightspace Editor is available when you edit discussion topics, create custom instructions for assignment folders, create ePortfolio artifacts, create content topics, or create webpages.\u00a0\u00a0 \u2192D2L Video Tutorial: How to Make Use of the Brightspace Editor [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using the Brightspace Editor - Instructor Support<\/title>\n<meta name=\"description\" content=\"The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/\",\"url\":\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/\",\"name\":\"Using the Brightspace Editor - Instructor Support\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/#website\"},\"datePublished\":\"2021-01-29T22:21:39+00:00\",\"dateModified\":\"2023-01-24T20:16:07+00:00\",\"description\":\"The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/brightspace\/instructors\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the Brightspace Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/brightspace\/instructors\/#website\",\"url\":\"https:\/\/carleton.ca\/brightspace\/instructors\/\",\"name\":\"Instructor Support\",\"description\":\"Carleton University\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/brightspace\/instructors\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using the Brightspace Editor - Instructor Support","description":"The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/","url":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/","name":"Using the Brightspace Editor - Instructor Support","isPartOf":{"@id":"https:\/\/carleton.ca\/brightspace\/instructors\/#website"},"datePublished":"2021-01-29T22:21:39+00:00","dateModified":"2023-01-24T20:16:07+00:00","description":"The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the","breadcrumb":{"@id":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-html-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/brightspace\/instructors\/"},{"@type":"ListItem","position":2,"name":"Using the Brightspace Editor"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/brightspace\/instructors\/#website","url":"https:\/\/carleton.ca\/brightspace\/instructors\/","name":"Instructor Support","description":"Carleton University","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/brightspace\/instructors\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"stick_to_top":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages\/62"}],"collection":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":6645,"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/pages\/62\/revisions\/6645"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/brightspace\/instructors\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}