Developer Portal

...

You can access the editor of a block by activating the edit mode and clicking on the 'Edit' button in a block. The editor then opens and loads the existing contents of the block.

The green area is the input area, where you can add text by keyboard input or images by drag and drop.

In the red area are standard text processing tools.

The blue area contains various tools for advanced editing of the content, e.g. inserting links, inserting images via URL, adding HTML template elements, HTML editor, etc.

...

Templates are predefined text and HTML elements that you can use for your block content. You can customize these templates within your block according to your requirements, both text and HTML code. To add templates to your block, you can use the button 'Insert Template', in the editor menu the entry 'Insert' and then 'Insert template...' or use the editor quick access button. When you open the template menu, you can select different templates from a dropdown list. You will get a preview of the selected template in the dialog. You can then add it to the current block using the 'Save' button.

...

To add or edit icons in the selected template, you must activate the 'Source Code' view in the editor.

...

There you can search for the new location of the icon you want to add or search for the icon you want to replace. Then open the page https://heroicons.com/ in a new taptab. There, you select an icon and click on 'Copy SVG'. This will be copied to your clipboard in the form of HTML code, as in this example:

...