Source Editor - Tool

Using Source Editor tool to look, edit and test markup codes and code snippets.

Markup Code Box

Show delete Default -Default-

Default button, on click, removes the markup code from light-blue box

Render Box

That's how it looks rendered in browser. Optionally you can Save as PDF

1. Paste markup codes inside the Markup Code Box

2. Click on Show button

3. View the rendered markup inside the Render Box


Show button allows you to start rendering the markup code
Default button is used as reset the Markup Code box, all input will be lost
Non inline CSS? use <style> and </style> tags
<style> ... </style>
<div> start HTML markup </div>

Print this page as pdf - well, you don't need much but its there, just in case. Please note, the print page will only print content from Render Box.