Back to D2L Tutorials

WYSIWYG stands for What You See is What You Get and is a common interface for editing HTML content.

Note: Depending on your screen width and browser settings, your button spacing may be slightly different than the image shown.

Buttons to Insert Items

  1. Insert Stuff: This button lets you embed files and media into your HTML page. Use Insert Stuff to add embed codes from YouTube and Media Space. Use this button also to insert permalinks links to library resources.
  2. Insert Image: Use this button to add images to your HTML page. You can add images files from your computer, existing course files, or via URL.
  3. Insert Quicklink: Use this button to add links to other D2L items, such as Quizzes, Discussions, or Assignments. You can also use this button to add links to external (non-D2L) websites.
  4. Insert Symbol: Use this button to insert special characters such as ©, €, ∞, and other symbols not included on the standard keyboard.
  5. Insert Line: Use this button to insert a horizontal line.
  6. Insert Attributes: Use this button to add alternative text to images already added to your page.

Note: Click the down caret to access buttons 4-6.

Buttons to Format Text

  1. Paragraph: Drop down to to specify the text formatting. Use this button to add headings.
  2. Bold: Make your text bold.
  3. Italic: Make your text italic.
  4. Underline: Add underlining to your text.
  5. Strikethrough: Strikethrough selected text.
  6. Subscript: Add a subscript.
  7. Superscript: Add a superscript.

Note: Click the down caret to access buttons 5-7.

Buttons to Align Text

  1. Indent: Indent your text.
  2. Outdent: Outdent your text. (Move it to the right.)
  3. Unordered List: Create a bulleted list.
  4. Ordered List: Create a numbered list.
  5. Align Left: Align your text to the left.
  6. Align Right: Align your text to the right.
  7. Align Center: Center align your text.
  8. Align Full: Justify your text equally between the left and right margins.
  9. Paragraph Left to Right: Add text from the left to the right.
  10. Paragraph Right to Left: Add text from the right to the left.

Note: Click the down caret to access buttons 4-10.

Buttons to Change Font

  1. Font Family: Change the font (e.g. Arial, Times New Roman, etc.)
  2. Size: Change the text size. It’s best to use the preformatted headings (button 7) as headings provide important accessibility attributes.
  3. Color: Change the text color.

Buttons to Add and Edit Tables

  1. Insert Table: Insert a table and select initial number of rows and columns.
  2. More Table Options: Once a table is added, use the additional table options available here to customize and edit your table.

Button to Add Mathematical Text

  1. Insert Graphical Equation: Add Mathematical text through the D2L graphical equation editor.


Note: If you know other mathematical markup languages, click the down caret to access equation editors employing LaTeX or MathML languages.


  1. Expand: Toggle to show all WYSIWYG editing buttons.

Buttons for Editing Actions

  1. Undo: Undo your most recent action.
  2. Cut: Copy and cut selected text.
  3. Copy: Copy selected text.

Note: HTML content can be optimized for accessibility and visibility. See tips to format your HTML content appropriately.

This article was last updated on Aug 9, 2021 @ 9:09 am.