ChubbyChat

Greetings.

I'm wondering if you folks can help me with something. I'm trying to find an HTML editor that meets my need of overlaying numerous words and phrases in existing HTML documents with various types of tooltips (comments, popup file loader, etc.). The method I use now works (text editor), but it is time consuming and cumbersome. I would love to find a tool that makes this process easier and less disruptive to my flow of thought (stop, switch applications, find HTML source, edit, save, switch applications, reload, argh...). I'm not a web designer, so I need minimal (but this specific) functionality. No graphics, fancy layouts, forms, etc. are necessary.

In my mind the ideal solution is a WYSIWYG editor that would allow me to right-click on selected text in browser mode and be able to add tooltips and edit either the underlying tooltip and/or the file it loads. I'm not sure if having HTML source view is absolutely essential, but if so it would have to be synchronized with browser view. I've seen too many editors that make you search for the HTML code you want to edit. Also, the editor needs to be able to handle foreign language characters. I know this last item sounds kind of silly as any editor should be able to do this, but I have actually seen some that couldn't (Amaya is one. Maybe I didn't know how to configure it).

Dreamweaver has nice funtionality (e.g., parallel view with synchronization), but the cost-to-usefulness ratio for my needs is way too high (e.g., tooltip attribute and value edit windows are cumbersome and way too small). I like the Firebug Add-on for Firefox (even though it's not exactly what I want), but I can't use it (grief) because for some reason the attribute value for one of the tooltips doesn't show up in edit mode. For example, this:

<a href="#Name1" title="ajax:../tooltip_filename_goes_here.html">

Looks like this in edit mode:

<a href="#Name1">

It appears the attributes are accessible via the DOM tab, but that method is way (WAY!) too cumbersome.

Here are examples of the tooltips I currently use:

Basic Tooltip
<a href="#Name1" onmouseover="Tip('Tooltip text goes here', BALLOON, true, ABOVE, true)" onmouseout="UnTip()">document text goes here</a>

Scrollable File Loader Popup Window
<a href="file://localhost/D:/tooltip_filename_goes_here.html" title="Tooltip saying Click here goes here" onclick="return GB_showPage('Tooltip title goes here', this.href)">Document text goes here</a>

File Loader Tooltip
<a href="#Name1" title="ajax:../tooltip_filename_goes_here.html">Document text goes here</a>

Any help is greatly appreciated. Also, if you have favorite free tooltips that you would like to share, please feel free.