This is a beginner level tutorial that describes how to dynamically edit the page content using MonoX HTML editor.
HTML editor is one of the most-often used Web parts in MonoX. It allow users to interactively edit the contents of the portal, and to immediately see the results in the WYSIWYG (What You See Is What You Get) fashion. An HTML editor toolbar includes standard editing tools, allowing even inexperienced users to start using it efficiently in a very short time. Apart from the standard formatting tools, HTML editor includes:
The first step is to log in with the administrator privileges and navigate to the page you want to edit. Depending on the template that you choose in the process of creating the page, your page consists of one or more HTML editors. In this example we will use page with one HTML editor. HTML editor exposes an additional action verb in its menu: Edit. When the user clicks on that verb, page is switched to the design mode, and each mouse click in the editable area displays the editor toolbar that is by default shown in the top portion of the screen. Click on the Edit option as shown below.
- save button in the top left corner that allows users to save their work
- several media managers (image manager, flash manager, document manager) that allow users to easily manage their media collections and add links to images, documents, and other media
- HTML-specific tools (hyperlink manager, image map editor, template manager)
- backup history: a portal can be set-up to "remember" all changes made through HTML editors (SaveDocumentBackups configuration switch in user.config). Backup history dropdown box in the
bottom right corner of the editor toolbar allows users to replace the currently active content in the editor area with any of the previous versions (NumberOfBackupItems configuration switch defines how many of these versions will be displayed in the dropdown).
By clicking on Edit , the page switched to the design mode and the HTML editor content is ready to be edited. Click inside the editable area of the editor and the editor toolbar pops down in the top portion of the page. Now you can add your text content, links, images to your page. When your have finished your work just click on the save icon as shown in image below (top left corner).