While this is not a full wysiwyg environment, XML+CSS features can help you in editing your documentation files if they are in some XML format. Mozilla has had this capability for quite some time, thus it's been tucked away in Komodo as well. The trick is often just knowing something is there, then figuring out how to coax something useful out of Komodo.

With this article, I'm going to use the birds.xml file that is in the sample project provided with Komodo. If you open the "Start Page" (available via the Window menu if you have closed it), you can access the sample project that contains birds.xml.

First, lets make sure the preview is configured correctly for this article. Go to your preferences in Komodo, and select the "Web & Browser" panel. Under the "Preview in Browser" section, choose "Preview in Komodo tab, other tab group".

Go ahead and open birds.xml now. After it is open, do a browser preview of the document. Using the [CTRL+K, CTRL+V] key combination (hold CTRL down, press K then press V), or under the View menu, select "Preview in Browser".

You will be presented with a preview dialog that allows for some advanced configuration when previewing this file. We'll stick with the default, so just click on OK.

A new tab in a split view should appear, that shows birds.xml. It looks the same for the most part, except a comment at the top saying that the XML file does not have a stylesheet associated with it.

Now, in birds.xml, under the XML declaration, add the following:

<?xml-stylesheet href="birds.css" type="text/css"?>

The save the document. You will notice that the content in the preview tab has changed. It is now mostly unreadable. We'll fix that now.

In the project tab, right click on the sample project icon to get the context menu. Under "Add", choose "New File...". Choose CSS in the Templates column, then give the file the name birds.css. You should now have a blank document. Add the following to birds.css.

Class
{
    display:block;
    margin:10px;
}

Order
{
    display:block;
    border:1px solid #000;
    overflow:auto;
    background-color:#eee;
    font: 12px verdana;
}

Family
{
    display: block;
    padding:10px;
    margin-bottom:10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#fff;
}

Species
{
    display: block;
    padding:10px;
    margin-bottom:10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#fdfdfd;
}

Now save that, and in the preview tab, click the refresh button. You will notice that the content changes into something that actually looks kind of nice!

Now, birds.xml uses a lot of attributes rather than text data, so this is not the most useful file for the example, it was just a file that is in all Komodo installations. If you're using DocBook, you can find some CSS files for DocBook at:

http://www.badgers-in-foil.co.uk/projects/docbook-css/

This can also be extended to any XML dialect, though I imagine it to be most useful for XML files that are targeted to some kind of documentation.