Skip to main content

What is the HTML editor?

Updated

An HTML editor is a text creation tool that allows you to compose text 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 formatted.

Note
The functions displayed in the HTML editor depend on the area. Only functions supported in the respective area are displayed.

System behavior

  • Appearance of the HTML editor
  • Text formatting  
    There are four buttons for quick text formatting:
    • Highlight text and click on (English: bold), to emphasize it in bold.
    • Highlight text and click on (English: italic), to emphasize it in italics.
    • Highlight text and click on (English: underline), to emphasize it with an underline.
    • Highlight text and click on , to remove all formatting from the text and restore normal text. (The icon consists of a bold, italicized, underlined T (English text). The x means "remove".)
  • Bullet points  
    • Click on to get unordered bullet points.
    • Click on to get numbered bullet points.
  • Indentation
    • Click on to increase the indentation.
    • Click on to decrease the indentation.
  • Text alignment
    By default, text is aligned to the left. This option is activated accordingly.
    You can also choose center, right-aligned, and justified alignment.
  • Insert links
    If you want to link something in the text, click on the link icon and fill out the input form. Clicking on the link opens a menu with many additional options  
    • Open link
    • Edit link
    • Remove link
    • Change fill or text color
    • Insert file
    • Button Generator
  • Insert media or
    You can insert images and videos using the respective buttons and need the link to the medium. Once you have created media, you can always copy the link.
    Clicking on the image or video opens several additional options:
    From left to right:
    • Delete
    • Edit
    • Vertical alignment
    • Horizontal alignment
  • Insert table
    Click on it to set the table properties before inserting it.
  • Insert horizontal line
    To visually separate texts, you can insert such a line.
  • Format
    Use this icon to define how the text is formatted and, for example, select heading sizes.
  • Cut selection and Copy selection
    There are two buttons for copying texts. These buttons are disabled by default and are activated when you highlight text.
    • Click on , to "cut" the highlighted text from the text, i.e., copy it to the clipboard and remove it from the text, to paste it elsewhere.
    • Click on  , to copy the highlighted text to the clipboard.
  • Paste text from clipboard
    You can paste texts from your clipboard using this icon. However, since formatting can also be adopted, please note this: Adopt texts from Word templates
  • Undo or redo actions  
    • Up to 19 actions can be undone.
    • The redo button is disabled by default and is activated when at least one action has been undone. Actions can only be redone if no deviating changes have been made in between.
  • Show source code Smaller/Greater sign
    By default, the text you write is displayed in plain text mode. This mode shows content without HTML markup tags. (Markup tags are the HTML elements that surround content and assign it a specific formatting or function.)
    1. Click on the code button to activate source code mode. Here, all content is displayed with its respective HTML markup tags.
    2. Click on the same button to deactivate source code mode. Changes in source code mode will be visible in plain text mode.
  • Maximize Outward arrows
    You can display your workspace on the entire page. To exit the mode, click on the icon Inward arrows.
  • Insert placeholders T-in square brackets
    This function is used to insert placeholders from d.vinci into the text here. The icon is only displayed in the HTML editor if the use of placeholders is allowed.
  • Show blocks Paragraph
    Text is always displayed in sections. The resulting blocks can be made visible by pressing the button.
  • Check spelling with AI
    The entire text entered in the editor field is checked by AI for spelling and grammar. After a longer loading time, a foreground window opens, highlighting the old version in red and the suggestion in green. This function is not available everywhere in the system - only if the button is displayed.
    • Accept suggestions
      If you click on the button Apply, all changes will be applied. It is not possible to make your own entries or accept only individual changes. 
    • Reject suggestions
      If you do not want to accept the changes, simply close the "Check spelling with AI" window.
    • Send feedback
      If you click on the button Was the result helpful? (thumbs up or thumbs down), this helps us to further optimize the function.
  • Use AI functionalities  
    If you click on the button, you have two options available.
    • Check spelling  
      The entire text entered in the editor field is checked by AI for spelling and grammar. After a longer loading time, a foreground window opens, highlighting the old version in red and the suggestion in green. This function is not available everywhere in the system - only if the button is displayed.
      • Accept suggestions
        If you click on the button Apply, all changes will be applied. It is not possible to make your own entries or accept only individual changes. 
      • Reject suggestions
        If you do not want to accept the changes, simply close the "Check spelling with AI" window.
      • Send feedback
        If you click on the button Was the result helpful? (thumbs up or thumbs down), this helps us to further optimize the function.
    • Translate text
      If you select one of the options (Translate to German or Translate to English), the entire text entered in the editor field is translated by AI. After a longer loading time, a foreground window opens, displaying the translation. 
      • Accept translation
        If you click on the button Apply, the translation will be applied. It is not possible to make changes. If you want to make changes, click on Apply and edit the text in the field where you previously entered it. 
      • Reject translation
        If you do not want to accept the translation, simply close the window.
      • Send feedback
        If you click on the button Was the result helpful? (thumbs up or thumbs down), this helps us to further optimize the function.
    • Change Text Length
      If you select one of the options, you can use AI to shorten text or expand text. 
      • Accept text suggestion
        If you click on the button Apply, the text will be applied as you see it in the shortened or expanded version. It is not possible to make changes. If you want to make changes, click on Apply and edit the text in the field where you previously entered it. 
      • Reject text suggestion
        If you do not want to accept the suggestion, simply close the window.
      • Send feedback
        If you click on the button Was the result helpful? (thumbs up or thumbs down), this helps us to further optimize the function.

Attention
The editor is used in various parts of our products. In some cases, the texts in the editor may contain personal data. Please keep this in mind when using this functionality.

The functionality is enabled by default. Read here how you can deactivate/activate it.

How our customers use this

Whenever any formatting is done on texts in d.vinci, the text editor comes into play.
We strongly recommend not simply copying content from Word into the system. The formatting may then appear mixed and not align with your corporate design.
See also: Adopt texts from Word templates

Further articles on this topic

Related to

Related articles