Generating an Html Page from a textarea box

Simply copy and paste the following code inside your editor and run it from a browser.

If you want to see the live result (we believe this is the best way to learn what is the script about), try it here (new window).

Code Source

Using Javascript to build an html page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Preview</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript">

function PreviewText()
{

  var generator=window.open('','preview','height=400,width=500');

  generator.document.write('<html><head><title>Preview text</title>');
  generator.document.write('</head><body>');
  generator.document.write(document.forms[0].txt.value);
  generator.document.write('</body></html>');
  generator.document.close();

}

</script>
</head>
<body>
<h1>Preview in javascript</h1>
<form method="post" action="">
<textarea rows="10" cols="50" name="txt"></textarea>

<input type="button" onclick="javascript:PreviewText();return false;" value="Preview" />
</form>

</body>
</html>

download the file

You can input Html text inside the textarea box and click Preview in order to build an html page containing the text.

Webmaster Corner

The ClickBnk Code
Another Killer Product From Michael Jones, simply follow the Blueprint For Easy Online Wealth Using Click Bank...

Mass Article Control #1
Create Thousands Of Articles From only 1 Article and Have them Submitted Automatically With A brand New Submitter!

iPowerWeb
Incredible Membership Packages - Web Hosting!

→ Maverick Money Makers - Get Paid For Life!

Generating an Html Page from a textarea box

Generating an Html Page from a textarea box

Webmaster Corner

Categories