• 1. General
  • 1.1. How to log in
  • 1.2. The text editor
  • 1.3. Data Lists
  • 1.4. Upload
  • 1.5. Thumbnails
  • 1.6. Frontend
  • 1.7. Spam-blocking
  • 1.8. Search Optimizing (SEO)
  • 1.9. Browsers
  • 1.11 Speed
  • 1.12. Prices, Rounding and VAT
  • 1.13. Images on web
  • 1.14. Cookies
• 2. Tree
• 3. Page types
• 4. Webshop
• 5. Modules
• 6. Control panel
• 7. File Manager
• 8. Statistics
• 9. Guides
• 10. Move a shop

1.2. The text editor

Editing of most larger content areas in the system e.g. content of textpages, product descriptions, user descriptions, and so on is performed through a WYSIWYG (What You See Is What You Get) editor. This is very similar to popular editors such as Microsoft Word.

The upper area of the editor hosts a variety of icons representing different functionalities:

• Source: Displays the sourcecode (HTML) behind the current text element
• Undo / Redo: Makes it possible to navigate back and forth through the latest performed changes of the content (changes performed before saving the content cannot be navigated)
• Numbered list / Bullet list: Starts or ends a listing of the content
• Link / Unlink: Inserts a link around or removes a link from the selected text
• Anchor: Inserts an anchor in the text
• Image: Opens the image dialog where you can choose a picture on the server or upload new ones
• Flash: Opens the flash dialog where you can choose a flash component on the server or upload new ones
• Horizontal line: Inserts a horizontal line
• Remove format: Removes the formatting from the selected text
• Cut / Copy / Insert: Usefull tools for moving text around the document
• Pase as plain text: Pastes the text of the clipboard without formatting
• Paste from Word: Translates text copied from Microsoft Word to a more fitting webformat
• Show Blocks: Displays borders around block elements such as paragraphs
• Bold / Italic / Underline / Strike Through: Formats the selected text
• Left / Center / Right / Block Justify: Formats the selected text
• Increase / Decrease indent: Controls the indentation of the active text section
• Text color: Sets the color of the selected text
• Background color: Sets the backgroundcolor of the selected text
• Superscript / Subscript: Sets the textmode to sub- or superscript
• Special characters: Opens a dialog with a selection of special characters that can be inserted
• Find: Opens a dialog which makes it possible to search the text
• Replace: Opens a dialog which makes it possible to search for and replace words in the text
• Table: Opens a dialog which makes it possible to create tables
• Format: Formats the selected text to for example 'heading 1'
• Font: Sets the active font or the font of the selected text
• Size: Sets the active font size or the size of the selected text

The center area of the editor is used to write and manipulate the content of the active element. Most elements such as images and tables can be edited by rightclicking them. This wil open a menu with various options for the element.

In the bottom left corner of the editor, you will find a list of HTML elements showing the current nesting of the selected element. This can be used for navigating in and out of the current structure.

If the active textarea exist in several languages, a list of tabs with each language can be found just above the editor. These can be used to change the language you want to edit.
Note that switching language does not automatically save current changes on the present language. You can switch to other languages and come back, but just remember to save the content before you leave.