Introduction / Editing a preview page / Input elements / Tables

Rich text editor for tables (CMS_INPUT_DOMTABLE)

Table of contents

The rich text editor for tables allows more expansive text entries with character formatting and link inputs for each cell in the table. In this case, with few exceptions, the editing and formatting options available here are the same as those for the rich text editor.

Icon bar for editing content

 

Undo: Clicking on this icon can undo the last respective work step made in the editor. The icon is only active while the most recent work steps have not yet been saved.

 

Redo: Clicking on this icon can restore a retracted work step. The icon is only active while the last work steps have not yet been saved.

 

formatting in DOM Character formatting: Predefined formatting intended to apply to previously highlighted text is available from this drop-down list. The formatting set here can be removed again using the icon or by selecting “Remove formatting” from the context menu, or it can be changed by assigning different formatting from the drop-down list.

 

Remove formatting: Character formatting (including “bold” and “italics”) is removed by clicking on this icon. Either a string of letters has to be highlighted or the cursor has to be placed within the formatted text to do this. If multiple types of formatting are set in the marked string, then the “innermost” formatting is always removed first.

 

Icon bold DOM Bold: Clicking on this icon puts the text previously highlighted in the editor in bold or the formatting will be removed.

 

Icon italics DOM Italics: Clicking on this icon puts the text previously highlighted in the editor in italics or the formatting will be removed.

 

Add / remove list: Sorted and unsorted bullet point lists can be created or removed by clicking on this icon. The context menu provides other editing options for lists.

 

Insert / edit link: Click this icon to add a link (e.g., to another page of the project or a dataset) at the cursor's current location. Links are added in the editor the same way as for the link input input element.

Links are highlighted in color in the rich text editor.

 
Important No images can be displayed in the rich text editor itself. If there is a link from an image, such as for adding it to the body, the text for the link is displayed like linked text.

Check spelling: The spell check can be deactivated or activated by clicking on this icon. The spell check functionality is activated by default.

Important The spell check for a project has to be configured by the administrator. Installing a module on the server is necessary for this.

All of the unknown words in an input element are marked in red in spell checking mode. “Unknown” words are those that are not present in the language-based dictionary lists that have been configured for the respective project by the administrator. In the process the word's spelling can be unknown, e.g. due to a typo, or the spelling is correct and the word is simply not in the list being used.

The user can call up the context menu by right-clicking on a word marked in red.

Table functions

 

Insert row below: Click this icon to add an entire row to the table underneath the selected row. Press Tab in the last cell of the last row to add a new row underneath the current one.
Use the context menu function Insert row above to add a new row above the current cell.

 

Remove row: Click this icon to remove the entire row where the highlighted cell is located from the table.

 

Insert column to the right: An entire column is added to the right of highlighted column by clicking on this icon.
Use the context menu function Insert column to the left to add a new column to the left of the current cell.

 

Remove column: The entire column where the highlighted cell is located is removed from the table by clicking on this icon.

 

Merge cells: Click this icon to merge the selected cells. The content of the selected cells remains intact in the process.

 

Unmerge cells: Click this icon to split the merged cells again. In the process, the content of the merged cells is retained in the cell on the far left or on top.

 

Edit cell properties: Click this icon to open an additional dialog box containing the properties of the selected cell. The template developer defines which cell properties can be modified, for example text alignment, background color or number format. The icon is only active if exactly one cell is selected.

Context menu for tables

Insert row above: Use this function to insert a new row above the selected cell.

Insert row below: Use this function to insert a new row below the selected cell.

Insert column to the left: Use this function to insert a new column to the left side of the selected cell.

Insert column to the right: Use this function to insert a new column to the right side of the selected cell.

Operation with the keyboard

Users can navigate from cell to cell using the keyboard shortcuts Tab and Shift+Tab.

Press Tab in the last cell of the last row to create a new row underneath the current one.

This input element is described in more detail under Rich text editor for tables (FirstSpirit Online Documentation).

© 2005 - 2024 Crownpeak Technology GmbH | All rights reserved. | FirstSpirit 2024.10 | Data privacy