ups ... jeg havde faktisk lavet et forkert eksempel i doc-noterne i markUpLaundry.js. Det er nu rettet, så download lige zippen igen =)
Her er et tydeligere eksempel på brugen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#editor, #cleanHTML {
width: 800px;
height: 400px;
border: 1px solid red;
}
#cleanHTML {
width: 800px;
height: 400px;
}
</style>
<script type="text/JavaScript" src="elementDefinitions.js"></script>
<script type="text/JavaScript" src="markUpLaundry.js"></script>
<script type="text/JavaScript">
// Hvis du ikke ønsker dine tags 'XHTML-lukket':
OC_MarkUpLaundry.bTagsAsXHTML = false;
function getCleanHtml() {
var oContainer = document.getElementById("editor");
var oTextArea = document.getElementById("cleanHTML");
var sHtml = OC_MarkUpLaundry.getCleanMarkUp(oContainer);
oTextArea.value = sHtml;
}
</script>
</head>
<body>
<div id="editor" contenteditable>
<H3>Grim ... meget grim HTML!</h3>
<UL>
<Li>blabla<IMG srC=http://www.domain.dk/noget.gif>
<lI><A href='
http://www.domain.dk/bla.html' TARGET=myFrame>Link</a>
</UL>
</div>
<div><button onclick="getCleanHtml()">Clean Up</button></div>
<textarea id="cleanHTML"></textarea>
</body>
</html>
Textarea'et kan naturligvis ligeså godt være skjult - eller du kan bruge et input type="hidden". Til slut skal feltets indhold submittes mod serveren, hvorfor det i et realistisk scenarium bør liægges i en form ;o)
