To use the WYSIWYG content editor, you need to first add a text component  in Layout Paragraphs. Please review the Layout Paragraphs page if you have not already done so. 

Accessing the WYSIWYG Content Editor

  1. Go to the desired page where you want to add content. 

  2. Select the Edit Content.
    Example of Edit Contetnt button.

     

  3. Hover your mouse over the component until the pencil icon appears in the top left corner of the component and click the pencil icon.
    Example of the pencil icon

     

  4. You will now see the WYSIWYG content editor. Further details explaining each option in the WYSIWYG Content Editor are provided below.

    Example of the content editor menu bar

    ​​


Explanation of the WYSIWYG Content Editor.

Paragraph  

Format -  Allows you to select the type of text you are entering so that the appropriate color and size can be applied.

 

 


 

Styles 

Styles - Select additional formatting for your text. The options depend on the type of text selected. e.g. If you select a bullet list, you are able to change the bullets from a numbered list to an alpha list. 

 


 

B for Bold

Bold - Highlight text and click the B icon to make it bold.

 


 

The Italic button for the content editor

Italic - Highlight text and click the I icon to make it italic.

 


 

Horizontal line button in content editor

 Insert Horizontal Line - Easily add a horizontal line or divider across the page, creating a visual break between sections of content. 

 


 

Insert Special Character button in content editor

Insert Special Characters - WYSIWYG characters, special unicodes for subscripts, superscripts, and proper accents.

 

 


 

Remove format button for the content editor

Remove Format - Removes formatting from content.

 


 

Link button for the content editor

 Link - Insert link to other content. If you would like to make a button, follow these instructions:  Once you have made the text that you want to be a button, select the Styles option and, from the menu, select the desired button type.  

 

 


 

Anchor button for the content editor

Anchor link - A hyperlink that navigates users to a specific section within a webpage rather than an entirely new page. This facilitates efficient navigation, allowing users to quickly find and access the information they need without having to scroll through the entire document. 

 


 

Bullet button for the content editor

Insert Bullet List - Once you have selected a bullet list, you can apply additional formatting by changing the style.

 

 


 

Numbered List button for the content editor

Insert Numbered List - Once you have selected a numbered list, you can apply additional formatting by changing the style.

 

 


 

Decrease Indent button in content editor

Decrease Indent - Clicking the outdent button decreases the indentation level, creating a more structured and organized document. This function is commonly used to adjust the formatting of lists or paragraphs, enhancing overall visual appeal and document clarity.

 


 

Increase Indent button in content editor

Increase Indent  - The indent button shifts text to the right, creating a visually distinct and organized layout. This feature is often employed for creating hierarchical structures, such as bullet points or numbered lists, to improve document readability.

 


 

Block Quote button in content editor

Block Quote - Apply the block quote style to your highlighted text.

 


 

Media Library button in content editor

Insert from Media Library - Select to insert media (audio, documents, images, and videos). 

 

 


 

Undue button in content editor

Undo Action - Easily correct unintended changes or mistakes, restoring to the previous state.

 


 

Redo button in content editor

Redo Action - Restores changes that were undone using the "Undo" function, providing flexibility and control over the editing process.

 


 

Source button in content editor

Source - Work directly with source code (HTML code).

 


 

Saving

  1. Scroll to the very bottom of the page.
  2. Choose the appropriate option from the Save As dropdown menu (If available).
  3. At the bottom of the page, click Save.