The Integrated HTML Editor

CMS Fiona is supplied with an optional easy-to-use HTML editor you can open from the NPS Navigator if Java is enabled in your browser. Using this editor, it is possible to edit the main content of the draft versions or the values of HTML fields. The HTML Editor accepts only XHTML. This means in particular that all tags must be written in lower case letters and that the tags must be closed. The HTML editor is therefore not suited for editing complex layouts (in which, for example, tags are opend and closed in different files.) The requirements of XHTML documents are described in detail at

You can open the HTML editor if you are the editor of the file currently selected in the NPS Navigator. Furthermore, the administrator must have made the editor available for the file’s format. If these conditions are met, the HTML Editor will be started automatically when you edit the main content of the draft version. If several editos are available for editing, you can choose one from the Edit > Edit main content with menu command or click the Edit with... button on the editor page. This applies analogously when you edit the main content or an HTML field value directly via the preview, the overview or a details tab.

The HTML editor has several text editing functions, links and images can be inserted comfortably:

The draft version’s HTML text that is to be edited appears in the text input area. You can modify the text, enter and format new text and insert tables, images and links. The editor has two operating modes. You can switch between them by using the button to the left-hand side below the input area. In WYSIWYG mode, the display largely corresponds to the subsequent output in the browser. In HTML mode, only the HTML text is displayed, i. e. images cannot be displayed or opened and text cannot be formatted (the corresponding buttons are not available).

With Fiona 6.6.1 and later, the content being edited can be saved to the draft version using the Save button so that you can preview your changes without having to close the editor.

The functions of the buttons in the tool bar are described in the following overview:

Button Function
Reduce tool bar to one line or have it fully displayed.
Cuts the marked text and saves it to the editor’s clipboard.
Copy marked text and save it to the editor’s clipboard.
Paste text from the clipboard at the cursor position.
Opens a dialog with which text can be sarched an replaced.
Here you can select the heading level.
Here you can select the font.
Here you can select the font size.
Removes all text markups.
Enable/Disable bold style.
Enable/Disable italics style.
Enable/Disable underlined style.
Select a color using the color dialog box. This button then shows the color selected.
Left-align paragraph.
Center paragraph.
Right-align paragraph.
Justify paragraph.
Subscript paragraph.
Superscript paragraph.
Inserts a table at the cursor position.
Inserts a table using the table wizard (the number of rows and columns can be specified using the mouse).
Display paragraph as list element.
Display paragraph as numbered list element.
Reduce indentation by one level.
Increase indentation by one level.
Insert a link.
Insert an image.
Inserts a horizontal rule.
Perform spelling check (see below).
Opens the character table from which a character can be chosen.
Enable/Disable display of control characters.
Specify default font, link and background color.
Opens the HTML editor in a separate window (without the surrounding NPS layout).
Display information about the editor.

Please note that your changes will only be saved after clicking the OK button. If you click the Cancel or the New Document button, all changes will be lost