HTML Encoding Form

The purpose of this form is pretty simple. It takes some sample mark-up, encodes all of the html entities, and spits out encoded text for your to display.

Enter your sample code into the top textarea box. Click “Encode HTML.”

The encoded text should appear in the second textarea and in a <pre> block below that textarea. Copy and paste the text into your own page, and it should display just fine - without rendering the HTML.

Perfect for writing HTML tutorials.

Encode Sample HTML for Display
  • Encoded HTML
  • Your sample code will also be printed here.
Bookmark and Share: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Furl
  • del.icio.us
  • StumbleUpon
  • MisterWong
  • DZone
  • Technorati

One Comment to “HTML Encoding Form”

  1. Three Ways to Display Sample Html in a Web Browser | Review of Information about Web Design said this on

    […] only problem is that you need to escape all of the characters. However, you can take a shorcut - use this form to do the escaping for you. Copy and paste your own code in, and the escaped code will be created on the […]

Leave a Reply