HTML Aide

[Download: source | executable]

This is a little utility that assists in writing HTML code (and some JavaScript). Here's what it does:

If you select text and press this... You get this...
Ctrl+B Bold (<b>...</b>)
Ctrl+K Hyperlink (<a href="...">...</a>)
Ctrl+L List (<ul>...</ul> or <ul>...</ul>)
Ctrl+Shift+[+] Footnote number (<sup style="font-size:.8em">...</sup>)

If you type this... You get this...
[Space]{
 {
  |
}
<!-- <!-- | -->
/*
/*
|
*/
<abbr <abbr title="">|</abbr>
<acronym <acronym title="">|</acronym>
<address>
<address>
  |
</address>
<b> <b>|</b>
<big> <big>|</big>
<blockquote>
<blockquote>
  |
</blockquote>
<body>
<body>
|
</body>
<caption> <caption>|</caption>
<cite> <cite>|</cite>
<code> <code>|</code>
<colgroup>
<colgroup>
  <col | />
  <col  />
</colgroup>
<dd> <dd>|</dd>
<del> <del>|</del>
<dfn> <dfn>|</dfn>
<div>
<div>
  |
</div>
<dl>
<dl>
  <dt>|</dt>
  <dd></dd>
</dl>
<dt> <dt>|</dt>
<em> <em>|</em>
<fieldset>
<fieldset>
  <legend>|</legend>

</fieldset>
<form>
<form>
  |
</form>
<frameset>
<frameset cols="25%,*" border="0" frameborder="no" framespacing="0">
  <frame src="|" name="" marginwidth="0" marginheight="0" scrolling="no" />
  <frame src="" name="" marginwidth="0" marginheight="0" scrolling="no" />
<noframes>
  <body>

  </body>
</noframes>
</frameset>
[Enter]function[Space]
function |() {

}
<h1> <h1>|</h1>
<h2> <h2>|</h2>
<h3> <h3>|</h3>
<h4> <h4>|</h4>
<h5> <h5>|</h5>
<h6> <h6>|</h6>
<html>
<html>
<head>
<title>|</title>
</head>
<body>

</body>
</html>
<i> <i>|</i>
<iframe <iframe src="" frameborder="0" marginwidth="0" marginheight="0" width="" height="">|</iframe>
<img <img src="|" alt="" title="" />
<ins> <ins>|</ins>
<kbd> <kbd>|</kbd>
<label> <label>|</label>
<legend> <legend>|</legend>
<li> <li>|</li>
<noframes>
<noframes>
  <body>
  |
  </body>
</noframes>
<noscript>
<noscript>
|
</noscript>
<ol>
<ol>
  |
</ol>
<optgroup>
<optgroup>
  |
</optgroup>
<option> <option>|</option>
<p>
<p>
  |
</p>
<pre>
<pre>
|
</pre>
<q <q cite="">|</q>
<samp> <samp>|</samp>
<script
<script language="JavaScript" type="text/javascript">
|
</script>
<select>
<select>
  |
</select>
<small> <small>|</small>
<span> <span>|</span>
<strong> <strong>|</strong>
<style
<style type="text/css">
|
</style>
<sub> <sub>|</sub>
<sup> <sup>|</sup>
<table>
<table>
<tbody>
  <tr>
    <td>|</td>
    <td></td>
  </tr>
</tbody>
</table>
<tbody>
<tbody>
  |
</tbody>
<td> <td>|</td>
<textarea> <textarea>|</textarea>
<tfoot>
<tfoot>
  |
</tfoot>
<th> <th>|</th>
<thead>
<thead>
  |
</thead>
<tr>
<tr>
  |
</tr>
<tt> <tt>|</tt>
<ul>
<ul>
  |
</ul>
<var> <var>|</var>

| = Where cursor is placed

Right-click on the tray icon and select Suspend to temporarily disable the tool.