HTML Editor

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="post-outer"> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsynqgdGMGwd6QRjoSBQnYSpnpxtu_AVLIp5vgvtCzpNop-k6TpNTe_rg1cQZswWeJ1mhr_BCUI3AnSb76elefaEi2wShqllvhAFEqGpJ0yBThtpN7-77RZCpSVNZ-WKKZGMhaS-ApxS8/s1600/html_4.png" imageanchor="1"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsynqgdGMGwd6QRjoSBQnYSpnpxtu_AVLIp5vgvtCzpNop-k6TpNTe_rg1cQZswWeJ1mhr_BCUI3AnSb76elefaEi2wShqllvhAFEqGpJ0yBThtpN7-77RZCpSVNZ-WKKZGMhaS-ApxS8/s320/html_4.png" width="320" /></a></div> <br /> <article class="post hentry" id="2257606113947423657" itemscope="" itemtype="http://schema.org/BlogPosting"> <div class="post-body entry-content" id="post-body-2257606113947423657" itemprop="description articleBody"> <style> #sidebar-wrapper { display:none !important; } #main-wrapper { width: 100%; } #main-atas { width: 100%; } </style><br /> <table 0="" border="0" cellpadding="0" style="width: 600pxpx;"><tbody> <tr><td><button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Preview</button> <button id="#send" onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()"> Clear </button><br /> <table style="width: 600px;"><tbody> <tr><td valign="top"><br /> <form method="post" name="form1"> <textarea name="code" onclick="focus(this.code)" style="border-radius: 3px; border: solid 1px #cccccc; color: #a3a3a3; font-family: arial; font-size: 12px; font-weight: bold; height: 500px; margin: 0px; padding: 5px; scroll: auto; width: 360px;"><style> Add CSS Code Here </style><br /> <br /> <br /> Add HTML Code Here