Use the HTML view

REQ-183

Actors

Name
User

You can edit the HTML page by the Edit HTML page menu of the HTML page.

It allows you to enter text and format

  • Paragraphs
  • Spans, i.e. inline characters in a paragraph
  • Numbered and bulleted lists
  • Tables
  • Hyperlinks and
  • Images.

Menus

To accomplish that, you use the menus on top of the editor:

  • Page. Here you can save the page or cancel the editing.
  • View. You can set the view of the editing page: Editor or HTML code. You can set the view of the explorer tree: Headings or HTML element structure.
  • Format. This allows you to format the selected paragraph:
    • Make it a bulleted list
    • Make it a numbered list
    • Format the current paragraph:
      • Heading 1 to Heading 6
      • Standard. This is a plain paragraph without highlighting.
      • Code style
    • Format the currently selected character span:
      • Bold
      • Italic
      • Underline
      • Code
      • Standard. Again, this means no highlighting.
    • Hyperlink. This will open the hyperlink editor, see below.
    • Image. This will open the image editor, see below.
    • Component page. You can select another page, that has a component editor associated to it. Afterwards, it is possible to edit the component page in the HTML editor directly.

      Currently, the only node type with a component editor is the HTML view itself, but soon other will become available, starting with the virtual page. This will allow to embed a virtual page in a plain HTML page.

  • Table. Insert or modify a table at the current position:
    • Insert. This will open the table editor, see below.
    • Insert row
      • Above. This will insert a row above the current row.
      • Below. This will insert a row below the current row.
    • Insert column.
      • Left. This will insert a column to the left of the current column.
      • Right. This will insert a column to the right of the current column.
    • Delete row. Deletes the row with the caret.
    • Delete column. Deletes the column with the caret.

Toolbar

Some frequently used menu actions are available from the toolbar as well, using the same icons as in the menus. In addition,

  • the increment indent icon and
  • decrement indent actions

are available, which increment or decrement the list level of bulleted or numbered lists.

Variants

Type Id Name
REQ-184 Insert hyperlink
REQ-186 Insert image
REQ-185 Insert table
REQ-192 Export book