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 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 's
free editor, . Since it comes as
a separate extension from ,
you will need to download and install it from the
site.
Once installation is complete, open the admin/detail_art
page in 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:
- 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.

- Apply the
server behavior:
in the, click the button, then select
- When the configuration
dialog box opens, it will first ask if you want to check the
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:
- 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 button to close the interface
and apply the server behavior. The content text-area has been replaced
in with a
actual size translator:
- 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 .
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.