Skip to end of metadata
Go to start of metadata

Using the WYSIWYG editor, you can easily insert and format content such as text, tables, formulas, and images. 

Text editor

Content

List of icons

The text editor allows you to format text and add links as well as images. In the following, all formatting icons available will be listed:  

Customise the presentation of individual words or sections

  • Bold
  • Italic
  • Underlined

  • Text colour
  • Background colour

Further options can be found in the main menu under Format .

Alignment, bullet list, and indentation

  • Align left
  • Align center
  • Align right
  • Bullt list
  • Numbered list
  • Increase indent
  • Decrease indent

  • Insert/edit link
  • Remove link
  • Insert/edit image
  • Source code

Main menu

Edit

Under the menu item Edit , you will find the following functions:  

  • Undo
  • Redo
  • Cut
  • Copy
  • Paste
  • Paste as test
  • Select all
  • Find and replace

The keyboard shortcuts for the functions are the same as in other word processing programmes (e.g. CTRL + C for copy).

Insert

 The menu item Insert allows you to insert images, characters, anchors, as well as the date and time.

Insert/edit imageYou can insert the desired image as a URL or upload an image from your computer's hard disk using the image management (only for selected course elements). It is also possible to add an image description and adjust the dimensions of the image.
Insert/edit videoYou can insert the desired media as a URL or upload them from your computer's hard disk using the media management. We recommend the media formats mp3 and mp4. For more detailed information, refer to the help page Videos in course elements .
Non-breaking spacesNon-breaking spaces are space characters that prevent an unwanted automatic line break at their position. As a result, your text will not be broken.
Special charactersUnder the menu item Special characters , you will find a table with characters including Greek letters and symbols such as currency symbols.
Anchors

Anchors allow you to jump to a specific passage without scrolling. All you need to do is insert the anchor at the desired location. Give the anchor a unique name. Then put a link to the text. To do so, select a suitable location within the text and use the function Insert Link . Select an appropriate anchor from the menu item Anchors and confirm your choice with OK .

Date/timeYou can select and insert the current date or time. This information is available in German and English.

Format

The tab Format provides you with various options for designing your content. You may, for example, display your text in bold and italics as well as underlined and strikethrough , indicate subscript and superscript characters, choose from several types of headings , apply character and paragraph styles under the menu items Inline or Blocks respectively, and determine the alignment of your text.  

Selected words or text sections can be highlighted using background colours. To do this, select a Message from the list.

Individual functions such as those under Inline or Alignment can also be found as an icon below the main menu.  

Opened menu item format

Clear formatting

To clear your formatting, proceed as follows:

  1. Select the text whose formatting you want to clear.
  2. In the main menu, click on Format .
  3. Select the menu item Clear formatting .
  4. The formatting of the selected area is reset.

View

The menu item View allows you to display symbols that are not visible in the standard mode.  

Show blocksThis function shows formatting symbols such as line breaks.
Show invisible charactersThis function shows formatting symbols within the text, e.g. non-breaking spaces.

Table

Insert table

To insert a table, proceed as follows:

  1. Open the menu item Table and click on Table .
  2. A grid opens, which allows you to define the size of the table. Select the desired number of columns and rows with one click.

    Insert table
  3. In the example shown, you create a table with 4 columns and 4 rows.
  4. The table is inserted in the document. Upon selecting a table cell, a context menu appears with further settings. You may open the table properties, delete the table, insert new rows and columns, or delete them.

    Table functions

Table properties

Open the menu item Table and click on Table properties . This function allows you to configure specific settings for your table.

Width/height

Here you have the possibility to determine the size of the table in pixels. Alternatively, you may also specify the size relative to the size of the page. To do this, enter the percent sign after the number, e.g. width: 100%.  

If you do not make any specifications, the size of the table is automatically adjusted to the size of the content.

Cell spacingCell spacing defines the border width around the individual cells and is specified in pixels.
Cell paddingCell padding indicates the space between the table's cells.
BorderHere you can specify the border width in pixels. If you enter 0, there will be no border around your table.
CaptionIf you select this checkbox, an additional line will appear above your table. You may use this line to provide a table title.
Advanced

In the tab Advanced , you can set the border and background colour for your table. To do this, you will need the corresponding hexadecimal code. Alternatively, you may also select a colour directly from the colour picker.  

To fill in the field Style , CSS knowledge is necessary. Using CSS statements, you have the possibility to customise the presentation of the table.

Edit cells, rows, and columns  

The Cell , Row , and Column menu items provide a variety of functions to customise the table content. You can edit individual cells, rows, or columns.

To edit a cell, you have the following options:

  • Merge cells
  • Split cells
  • Cell properties
Width/heightHere you can set the width and height of a cell in pixels or percent.
Cell typeThe cell type Header cell formats your content according to a header.
Scope
  • Row
  • Column
  • Row group
  • Column group
H align and V alignYou have the opportunity to choose whether you want your content to be left-aligned, right-aligned or centered.
Advanced

In the tab Advanced , you can set the border and background colour for your table. To do this, you will need the corresponding hexadecimal code. Alternatively, you may also select a colour directly from the colour picker.  

To fill in the field Style , CSS knowledge is necessary. Using CSS statements, you have the possibility to customise the presentation of the table.

To edit a row, you have the following options:

  • Insert row before
  • Insert row after
  • Delete row
  • Cut row
  • Copy row
  • Paste row before
  • Paste row after
  • Row properties:
Row type
  • The Header moves the selected row up to the top of the table.  
  • The row type Body is used for the text or data contained in the table. 
  • The Footer moves the selected row to the last position of the table.
H align and V alignYou have the opportunity to choose whether your content should be left-aligned, right-aligned or centered.
HeightHere you can set the height of a row in pixels or percent.
Advanced

In the tab Advanced , you can set the border and background colour for your table. To do this, you will need the corresponding hexadecimal code. Alternatively, you may also select a colour directly from the colour picker.  

To fill in the field Style , CSS knowledge is necessary. Using CSS statements, you have the possibility to customise the presentation of the table.

To edit a column, you have the following options:

  • Insert column before
  • Insert column after
  • Delete column

Tools

You can choose between various tools to customise your content and add formulas. For more detailed information on how to use these functions, refer to the help page Formula editor .

OptionDescription
Source codeBy clicking on the menu item Source code , you can make changes to your content directly in the HTML file.
Formula editor

MathML and LaTeX are formula editors that allow you to represent your formulas. For more detailed information, refer to the help page   Formula editor .