SPECIAL CODING FOR HTML EDITOR
PASTE THIS CODE AT YOUR NOTEPAD AND SAVE IT AS A HTML PAGE
I HOPE THAT YOU'LL ENJOY THIS..
Written by sandeep singh
<!DOCTYPE html>
<html>
<head>
<title>Shailjasandeep.page.tl Real-time HTML Editor</title>
<script type="text/javascript">
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'</style>' +
'</head>' +
'<body class="expand close" onload="document.f.ta.focus(); document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close" style="background: orange;" name="ta" wrap="hard" spellcheck="true">' +
'</textarea>' +
'</form>' +
'</body>' +
'</html>';
var defaultStuff = '<h3>Welcome to the shailjasandeep.page.tl coding to HTML</h3>n' +
'<p>Type HTML in the textarea above, and it will magically appear in the frame below.</p>';
// I don't want this stuff to appear in the box at the top because I feel it's likely to be distracting.
var extraStuff = '<div style="position:absolute; margin:.3em; bottom:0em; right:0em;"><small>n Created by <a href="http://www.shailjasandeep.page.tl/" target="_top">sandeep</a> and hosted by <a href="http://www.shailjasandeep.page.tl" target="_top">SANDEEP PROGRAMMER</a>.n</small></div>';
var old = '';
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
if (old != textarea.value) {
old = textarea.value;
d.open();
d.write(old);
if (old.replace(/[rn]/g,'') == defaultStuff.replace(/[rn]/g,''))
d.write(extraStuff);
d.close();
}
window.setTimeout(update, 150);
}
</script>
</head>
<frameset resizable="yes" rows="50%,*" onload="init();">
<!-- about:blank confuses opera, so use javascript: URLs instead -->
<frame name="editbox" src="javascript:'';">
<frame name="dynamicframe" src="javascript:'';">
</frameset>
</html>
www.shailjasandeep.page.tl
|
