rich-text-editor-wysiwyg.md

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.

WYSIWYG

Icon	Function (From left to right)
Text Functions	Undo Redo
Media Functions	Media library: to select existing image Blockquote Insert horizontal line Insert table
Linking Functions	Link: to link internal / external content Anchor link
Special Functions	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:

Option	Predefined 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