“Postable”: Convert your HTML code to display literally in the browser
When writing tutorials for this site, I had a lot of challenges getting code examples to display. Once helpful part of the solution is Postable, a nice online tool for escaping HTML characters in your code. If you have some code like this:
<div class="sidebar"> <img src="/images/my-image.gif" id="my-image" /> </div>
You don’t want the your browser to actually interpret the code, just display it. Just copy your code from your code editor, paste it in to Postable, and it will convert all the < and > characters, among other elements, to special characters. Now you can happily display your code.
If you use Macromedia Dreamweaver, a similar feature is available in that tool as well—just paste code in to the design view, and Dreamweaver will create the escape characters.
