Create rich content visually: KTML Lite

When you create new articles from the administration section, you are limited by the fact that the only element allowing the entry of content is a standard text-box. Of course, nothing stops you from entering HTML code into the text area, and it will be rendered just fine, but having to write a lot of tags and properties just to get a simple image next to some text is not the most efficient way to do things.

In this scenario, an online HTML editor, embedded in your page, would be a useful replacement for a standard text area.

Therefore, this page will use InterAKT's free editor, KTML Lite. Since it comes as a separate extension from MX Kollection, you will need to download and install it from the InterAKT site.

Once installation is complete, open the admin/detail_art page in Dreamweaver. KTML replaces an existing text area, so you do not need to re-create the entire page, and the process is simple, requiring only a few actions:

  1. In the article detail page you have a text-area that is currently used to enter the page content. Click on it to select it.

  2. Apply the KTML Lite server behavior: in the Server Behaviors tab, click the Plus (+) button, then select KTML-> KTML Lite.
  3. When the KTML configuration dialog box opens, it will first ask if you want to check the InterAKT servers for a newer version. Assuming you've recently downloaded the extension, you can safely skip this step. Then define the correct options for your particular control: the folders for uploaded images and files, the toolbar buttons to display, the control's size, etc:

  4. Once you decide what size the editor will have, and what tools (e.g. buttons on the toolbar) the administrators will be able to use, hit the OK button to close the interface and apply the server behavior. The content text-area has been replaced in Dreamweaver with a KTML actual size translator:

  5. Now save and upload the file to the remote server. To test it, open the site login page and login with a valid account. If you haven't changed the users table, you can log in with admin/root. Then click the list articles link, and edit one of the existing articles. Now you can visually create HTML content, that will render exactly as you enter it.