Editor in the bluetronix CMS – professionally edit text, layouts, and content

Overview of the editor's functions

In this tutorial, you will learn about all the important functions of the editor and how to easily edit texts, images, tables, and layouts.

Edit and insert texts

Start the editor and use the typical text functions in the top left: cut, copy, and paste. When pasting, you have several options—such as formatted texts from Word or Excel as well as content from other websites in text mode. The editor automatically adjusts it to your website's layout.

You can directly replace marked texts in place or newly insert them below the input field—whichever is faster for you.

Text formatting and page settings

You have functions such as font, font size, and headings available. If you want to start completely anew, you can also clear the page. The Page settings can be found in the menu ⯈ where there is a separate video that explains the functions in detail.

Artificial intelligence in the editor

With the AI feature, you can automatically revise your texts or have new content created. The AI helps you generate headings, optimize texts, or expand topic areas. You set the style and word count and then insert the texts directly.

There is a dedicated video about artificial intelligence that shows you all the options.

Image and document management

In the image management section, you can upload images directly from your device and transfer them to your project. The document management is also ready – here you can upload PDF, ZIP, Excel, or Word files. The file manager is explained in detail in a separate video.

Paragraphs and text formatting

The green plus symbol means: You can insert a new paragraph anywhere in the editor – at any position or directly under an image. Additionally, you'll find features for text alignment, font formatting (bold, italic, underline), and color selection.

Use the color palette to adjust text colors or use your own template colors. You can set brightness and transparency and also customize the background color of your texts.

With undo, you can easily reverse changes or remove all formatting with a single click.

Create links

Highlight a text and click link to create a new link – either to an external website or to your file management. There you can link files or pages like "Contact". Optionally, you can view a preview and decide whether the link should open in a new window. With remove link, you can delete it again.

Create and edit tables

Click on table to insert a new table. Specify the number of columns and rows, background and border color, as well as border width. You decide whether the table is inserted before or after the current text block.

You can then add or delete columns and rows, adjust column widths, and define spacing. The alignment of the content can also be set.

Tip: Use tables only for tabular data, not for page layout. Dedicated page templates are available for layouts.

Icons and forms

You can insert any icons into your page. A comprehensive collection of icons is available – you can replace existing icons in templates at any time. The form section offers additional functions for creating interactive elements.

Edit articles and layouts

In the articles section, you define how individual articles are displayed and designed. Insert a page section, for example, three columns wide, and configure article width, minimum, and maximum width. You can also choose animation effects to dynamically display content.

Spacing and layout details

Define outer and inner spacing for text blocks, article columns, or entire sections. Choose specific spacing for the top, bottom, left, or right and flexibly adjust the structure of your layout.

Color, border, and radius

Through color border radius, you can define background colors for individual articles or entire sections – for example, an orange shade with a gradient. Set borders, determine their width, and add rounded corners if needed. Transparent variants are also possible.

The focus is on functionality – it doesn't have to be visually perfect.

Designing backgrounds

In the background section, you choose whether you want to set a background for a page section, an article column, or individual text blocks. Upload a background image and determine whether it should be repeated or fixed. You can precisely set positions, spacing, and widths using percentage values.

This gives you full control over the design and layout of your page directly in the editor.