Postavitev atributa contenteditable="true"
omogoča uporabnikom urejanje, brisanje in vstavljanje vsebine. Toda to ne bo samodejno prikazalo gradnikov za urejanje in shranjevanje vsebine kot jih na primer vidimo v urejevalnikih WYSIWYG. Potrebno je uporabiti še kodo JavaScript za dodajanje vseh teh gradnikov.
Primer:
<script language="javascript">
function editStyle(cmd) {
document.execCommand(cmd, null, null);
}
</script>
<br>
<div id="uredi" autofocus>
<a href="#" onClick="editStyle('bold');">[Krepko]</a>
<a href="#" onClick="editStyle('italic');">[Poševno]</a>
<a href="#" onClick="editStyle('underline');">[Podčrtaj]</a>
</div>
<div id="editor" contenteditable="true">
<h3>HTML5 je standariziral urejanje besedila</h3>
<p>Zahvala gre Microsoft-u; HTML elemente je možno vsebinsko
urejati od Internet Explorer 5.5...</p>
<p>Za urejanje kar začnite tipkati. Za spremembo sloga enostavno
označite besedilo in kliknite na povezavo v orodni vrstici.</p>
</div>
HTML5 je standariziral urejanje besedila
Zahvala gre Microsoft-u; HTML elemente je možno vsebinsko urejati od Internet Explorer 5.5...
Za urejanje kar začnite tipkati. Za spremembo sloga enostavno označite besedilo in kliknite na povezavo v orodni vrstici.