Rich-Text Editor “WYSIWYG”

The rich text editor or the WYSIWYG (What You See Is What You Get) allows you to format the text inside the site as needed. Admins can also upload images, add links, and much more. The table below displays the tools along with the action it provides.

IconFunction (From left to right)

Text Functions

  • Undo

  • Redo

Media Functions

  • Media library: to select existing image

  • Blockquote

  • Insert horizontal line

  • Insert table

  • Link: to link internal / external content

  • Anchor link

  • Code

  • Insert code block

  • Source: to view source code

Predefined Styles & Headings

  • List of predefined text styles (shown below)

  • List of headings (shown below)

Text Formatting

  • Bold

  • Italic

  • Change text color

  • Underline

  • Strikethrough

  • Subscript

  • Superscript

  • Remove formatting

Text Formatting

  • Add/Remove numbered lists

  • Add/Remove bullet point lists

  • Decrease Indent

  • Increase Indent

Text Formatting

  • Text alignment: left/center/right

  • Text direction: left to right/right to left

The predefined text styles and the headings can be applied as below:

OptionPredefined style

Heading styles:

[Include screenshots from your project]

Change this as per your project

  • Normal: the text without a heading format

  • Heading 2

  • Heading 3

  • Heading 4

  • Heading 5

  • Heading 6

Text styles: [Include screenshots from your project]

Change this as per your project

  • Light grey border

  • Green border

  • Yellow border

  • Dark grey border

Last updated