widget-wysiwyg-editor

In the widget selection, this is the widget named Wysiwyg.

It is a text field that you can edit, similarly to for example Word.

The widget looks like this:

The widget contains:

Title: used for orientation in the administration.
Content: used for displaying texts / images / buttons / links on the website.
Container type: sets the container indentation from the screen edges.

Overview of the Wysiwyg panel toolbar:

<> – display HTML code
← go back one step in edits
→ go forward one step in edits
¶ – option to set text size, such as H1, H2, H3...
B – make the text bold
/ – apply italic to the selected text
Del – strike through the selected text
Superscript, Subscript – apply superscript or subscript to the text
A – set text colour and text background colour / set smaller text above or below the text
Link – add a link to the selected text, which can point anywhere
[/] – insert shortcodes using this – more about them here (link will be added)
Image – insert an image
Table – insert a table
Add link – add a button to the text field
Underline – underline the selected text
Add custom class – additional text change options, depending on the given project
Align – text alignment
Unordered / ordered list – set up lists
Insert horizontal line – insert a horizontal line
Remove format – remove text formatting

For all widgets you can also set the indentation of the widget itself, just as with a section. Additional settings can be found in the Properties tab.

Padding Top is for the top indentation of the widget.
Padding Bottom is for the bottom indentation of the widget.
ID is used to set an anchor (enter the anchor ID of the link from which you want to reference this widget).

Widget - Wysiwyg​

Widget - Wysiwyg