TABLE OF CONTENTS
- Explanation of terms
- Configuration
- System behavior
- How our customers use this
- More articles on this topic
Explanation of terms
An HTML editor is a text creation program that allows you to compose text either in plain form or in a code view as HTML text.
Configuration
HTML editors can be found throughout d.vinci wherever texts can be composed and designed.
Note
The functions displayed in the HTML editor depend on the specific context. Only those functions that are supported in the respective area are shown.
System behavior
- Appearance of the HTML Editor
- Text Formatting
There are four buttons for quick text formatting:- Select a text and click on
(Engl.: bold), to highlight it in bold.
- Select a text and click on
(Engl.: italic), to emphasize it in italic.
- Select a text and click on
(Engl.: underline), to underline it.
- Select a text and click on
, to remove all formatting from the text and revert it to the normal style. (The icon consists of a bold, italic, underlined T (Engl.: text). The x signifies "remove".)
- Select a text and click on
- List Markers
- Click on
to obtain numbered list markers.
- Click on
to obtain unnumbered bullet points.
- Click on
- Text Alignment
By default, the text is displayed left-aligned. Accordingly, this option is active.
You can also choose center, right, or justified alignment. - Insert or Remove Links
If you want to link something in the text, click on the link icon and fill out the input form.
If you click on the link and then on the icon with the x, you can remove the link. - Insert Placeholders
This function is used to insert placeholders into the text insert. The icon is only displayed in the HTML editor when the use of placeholders is allowed. - Insert Media
You can insert images and videos using the corresponding buttons, and you will need the link to the media.
Once you have created media, you can also copy the link at any time. - Insert Table
Click on it to set the properties of the table before it is inserted. - Insert Horizontal Line
To visually separate texts, you can insert such a line. - Format
Use this to specify how the font is formatted and, for example, choose heading sizes. - Cut
and Copy
There are two buttons for copying text. These buttons are disabled by default and are enabled when you select some text.- Click on
to cut the selected text, i.e., copy it to the clipboard and remove it from the text, so that you can paste it elsewhere.
- Click on
to copy the selected text to the clipboard.
- Click on
- Paste Text
There are three buttons for pasting text.
Please read the important information about pasting text from Word templates here- Click on
to paste content that has already been copied to the clipboard. This may be an image, plain text, or even a hyperlink. Any formatting contained in copied texts will be included. In particular, when copying text from the internet, a lot of HTML code is often copied, which only becomes visible in coding mode.
- Click on
to paste content that has already been copied without formatting from the clipboard. This ensures that, even when copying from the internet, only the actual plain text is pasted, without any hidden code.
- Click on
to paste content that has already been copied from Microsoft Word from the clipboard. This allows you to seamlessly paste content from Word documents without losing or distorting the formatting.
- Click on
- Undo Actions
or Redo
- Click on
to undo an action. Up to 19 actions can be undone.
- The button
is disabled by default and will be enabled once at least one action has been undone. Click on
to redo an undone action. You can redo as many actions as have been undone, provided no other changes have been made in between.
- Click on
- Source
By default, the text you write is displayed in plain text mode. This mode displays content without HTML markup tags. (Markup tags are the HTML elements that enclose content and assign it a specific formatting or function.)- Click on the button
to activate the Source Code Mode. In this mode, all content is displayed with its respective HTML markup tags.
- Click on the same button to deactivate the Source Code Mode. Changes made in source code mode will be visible in plain text mode.
- Click on the button
- Show Blocks
Text is written in sections when you create paragraphs, etc. You can make these blocks visible by clicking on the button. The small P in the corner stands for the English word "paragraph". - Maximize
You can display your workspace across the entire page. To exit this mode, click the icon again.
How our customers use this
As soon as any formatting is applied to texts in d.vinci, the text editor comes into play.
We strongly advise against simply copying content from Word into the system. The formatting may then appear mixed up and not align with your corporate design.
See also: Import Text from Word Templates