Content area

Rich text editor

In this introduction, we will explain the function of and how to use the "Rich Text Editor" element. This is a very versatile tool with which you can add texts in various formats as well as images, videos or linked words and buttons.

---

 

Rich text editor

1. Open the elemnt "rich text editor"

Insert a new column (Here you can see how) Click on "Add Content" Add the element rich text editor (by clicking on the button "rich text editor")

 

2. The rich text editor

In the menu bar you will find all the functions, most of which are similar to those in Microsoft Word.

2.1 text formatting

For example, you can select different font sizes, font and background colours or make a bulleted or numbered list.

 

 

2.2 Links

You can also add a link to a picture or word by first selecting the desired object and then selecting the bracket and linking to the desired page.

Mark the text or image where you want to insert a link. Click on the link button insert either a URL Or link to a page on your platform You can also link directly to media in your clipboard. Click on submit and your loss has already been made. To ensure that the link is clearly identified, you can use the "link" format under Formats.

 

 

2.3 Media picker

With the "Media Picker" you can integrate pictures and other media that you have stored in the media area into your text field.

Click on the media picker Select a file from your store or upload a new image To insert the image, click on submit

 

2.3 Integrate YouTube videos

In addition, you can also integrate YouTube videos directly via the Rich Text Editor by copying the URL of the desired video and pasting it into the field of the embed function. This has the advantage that the video is streamed on your website with the YouTube player and thus the loading time of your website is not extended by a heavy video.

click on the button "embed" Insert the URL of the video (don't forget the https:// at the beginning) Click on the "retrieve" button To insert the video, click on submit

 

2.4 Source Code

Finally, on the far left, you will find the "Source Code", where you can find and edit the entered information in code form. For everyday use, it is recommended that a user with no prior knowledge of coding should edit without the source code area, as this is more intuitive and easier.