Skip to content

Instantly share code, notes, and snippets.

@GRArmstrong

GRArmstrong/html_tester.html

Created November 29, 2013 18:56
Show Gist options
  • Save GRArmstrong/7710342 to your computer and use it in GitHub Desktop.
Save GRArmstrong/7710342 to your computer and use it in GitHub Desktop.
Download ZIP
A script I created to try out HTML scraps. Paste HTML into the text field and it renders below.
Raw
html_tester.html
<!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>XHTML Tester</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style media="screen" type="text/css">
body {
font-family: sans-serif;
font-size: 1.1em;
}
input[type="button"], input[type="reset"] {
width: 150px;
padding: 10px;
}
#html_in {
width: 100%;
}
.centre {
text-align: center;
}
</style>
<script type="text/javascript">
function setContent(){
var content = document.getElementById("html_in").value;
document.getElementById("html_content").innerHTML = content;
}
function clean(sub) {
var content = document.getElementById("html_in").value;
clean_content = content.replace(sub, "");
document.getElementById("html_in").value = clean_content;
}
</script>
</head>
<body>
<div>
<form action="">
<div class="centre">
<input type="button" onclick="setContent()" value="Test!" />
<input type="button" onclick="clean(/\\n/g)" value="Clean \n" />
<input type="reset" value="Clear" />
</div>
<div>
<textarea id="html_in" rows="15" cols="150" ></textarea>
</div>
</form>
<hr />
<div id="html_content">
<p style="text-align:center;">Type above to try HTML content.</p>
</div>
<hr />
<p class="centre">- page end -</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment