KrishnaVandanu

Online HTML Editor Simple

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><html><head><br /> <br /> <title>Online HTML Editor: Real time online with preview</title><br /> <script src="http://ajabingung.googlecode.com/svn/js_quicktags.js" type="text/javascript"></script><br /> <link href="http://ajabingung.googlecode.com/svn/style.css" media="screen" rel="stylesheet" type="text/css" width="100%"></link><br /><br /><script type="text/javascript"><br />var old = '';<br />function update()<br />{<br />  var textarea = document.f.ta;<br />  var d = parent.dynamicframe.document; <br />  if (old != textarea.value)<br />  {<br />    old = textarea.value;<br />    d.open();<br />    d.write(old);<br />    d.close();<br />  }<br />  window.setTimeout(update, 150);<br />}<br /></script><br /></head><br /><br /><body onload="update(); document.f.ta.select();"><br /><br /><br /><form method="post" name="f" target="dynamicframe"><br /><br /><br /><script type="text/javascript">edToolbar('canvas');</script><br /><textarea cols="140" id="canvas" name="ta" rows="10" style="height: 200px; width: 100%;"><br /><h2><br />Welcome to the HTML editor!</h2><br /><p><br />Just type the HTML and it will be shown below.</p><br /><p><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum neque id magna. Mauris sollicitudin nisi sit amet sem. Etiam sit amet lectus a velit interdum facilisis. Vestibulum ante ipsum primis in faucibus orci <strong>luctus et ultrices posuere</strong> cubilia Curae; In tincidunt eleifend neque. Maecenas interdum, neque in fringilla pellentesque, lacus massa eleifend elit, nec scelerisque nulla orci a nunc. Quisque sollicitudin. Sed pulvinar lacus id lacus. Vestibulum imperdiet tellus eget risus. Quisque libero nisl, feugiat eu, euismod at, elementum eget, tellus. <a href="http://www.clesto.com">Clesto.com</a></p><br /><img src="http://www.google.se/images/google_80wht.gif" alt="Google logo"><br /><br /><h2><br />Heading in h2, som more sample text</h2><br /><p><br />Phasellus sem odio, varius quis, cursus at, ullamcorper eget, turpis. Maecenas a mi. Mauris dignissim lectus malesuada odio. Duis elit arcu, lobortis ut, porta ac, venenatis ornare, odio. Pellentesque scelerisque. Ut elementum laoreet massa. Suspendisse hendrerit odio eget turpis. Cras tellus dui, malesuada id, adipiscing ut, laoreet sed, magna. Phasellus scelerisque aliquet ligula. Quisque vitae elit sit amet enim suscipit interdum. Curabitur laoreet, mauris sit amet aliquet interdum, pede sapien malesuada metus, in tincidunt turpis justo id arcu. Donec gravida odio ac lectus. Nam rutrum ante in nisi laoreet aliquet. Sed at ante.</p><br /><h3><br />Heading in h3, som more sample text</h3><br /><p><br />Nulla facilisi. Nullam cursus scelerisque erat. Praesent convallis rhoncus dui. In hac habitasse platea dictumst. Nullam pellentesque. Mauris ac orci. Donec dictum. Etiam purus tortor, elementum a, posuere nec, pulvinar id, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vel justo. Nullam posuere purus sed arcu.</p><br /><ul><br /><li>Nulla facilisi.</li><br /><li>Pellentesque habitant morbi</li><br /><li>Quisque vel justo.</li><br /><li>Nullam posuere purus sed arcu.</li><br /></ul><br />

Credits

Thanks to Alex King for making JS Quicktags and releasing it under LGPL and thanks to Jesse Ruderman for having made the javascript for live edits.

Jim Westergren made this web site, primary for use with Clesto.com.

Online HTML Editor

Here you can write and see HTML in action.

Start your own web site in 5 minutes at www.n.nu.

Make your own website:

Online HTML Editor Simple

Online HTML Editor: Real time online with preview var old = '';function update(){ var textarea = document.f.ta; var d = parent.dynamicframe.document; if (old != textarea.value) { old = text…