TypeMetal

The Source Loupe

TypeMetal frees you from having to edit HTML pages in source code form, but also gives you the means to view a page’s HTML source whenever you want. When combined with TypeMetal’s HTML formatting preferences model and focus on streamlined markup, the result is full control over the elegant HTML you produce, without the temptation to constantly fuss over the character-by-character details.

Showing the Source Loupe

Anytime you wish, you can summon a TypeMetal document window’s “Source Loupe”:

Each HTML window has its own Source Loupe. As you mouse over your document, or type and edit, the Source Loupe tracks your position, and shows you the HTML markup that corresponds to your current mouse position or typing location. This provides a very handy way to confirm that your typing, pasting, or drag-and-dropping has produced the HTML markup you want it to.

When shown, a Source Loupe either floats above its window, or is embedded within it, according to the “Show Source Loupe” setting in TypeMetal’s General preference panel. The embedded Source Loupe offers a few additional capabilities:

An Embedded "Source Loupe"
An Embedded Source Loupe
A Floating "Source Loupe"
A Floating Source Loupe

Hiding the Source Loupe

To hide the “Source Loupe”, do the same:

The HTML window’s Source Loupe disappears until you summon it again.

You can also double-click an embedded Source Loupe’s splitter, or drag the splitter all the way down to the top of the path bar, to close the Source Loupe.

Grabbing Portions of Your File’s HTML Source Code

You can obtain the HTML source code for any part of your document, using the Copy as HTML Source Code and Copy Interior as HTML Source Code commands that appear in the Edit menu, and in the path bar’s and content area’s context menus.