Ciao ho fatto un editor html per il mio forum, ma non so che funzione creare per fargli visualizzare un' anteprima della pagina html creata, chi mi sa aiutare??

codice:
<html>
<head>
<script language="JavaScript">
function Aggiungi(formattazione) 
{ 

switch(formattazione) 
{ 
case "link": // se formattazione è = a "link" 
url=prompt('Inserire la pagina che si vuole raggiungere con il link:'); 
testo=prompt('Inserire il testo del link'); 
document.mioform.textarea.value+=""+testo+""; 
break; 

case "mail": // se formattazione è = a "mail" 
url=prompt('Inserire indirizzo mail:'); 
testo=prompt('Inserire il testo del link'); 
document.mioform.textarea.value+=""+testo+""; 
break; 

case "urlimg": // se formattazione è = a "urlimg" 
urlimg=prompt('Inserisci la url IMG'); 
testo="[img]"+urlimg+"[/img]"; 
document.mioform.textarea.value+=testo; 
break; 

default: // caso di default 
txtdaformattare=prompt('Inserire il testo da porre fra <'+formattazione+'> e </'+formattazione+'>'); 
testo="<"+formattazione+">"+txtdaformattare+"</"+formattazione+">"; 
document.mioform.textarea.value+=testo; 
} 
} 

</script>

<script language="JavaScript">
// allinea il testo con DIV

function Aling(aling)
{
testo="<div aling='"+aling+"'></div>";
document.mioform.textarea.value+=testo;
}
</script>

</head>

<form name="mioform">
<input type="button" value="Bold" onClick="Aggiungi('b')">
<input type="button" value="Italic" onClick="Aggiungi('i')">
<input type="button" value="link" onClick="Aggiungi('link')">
<input type="button" value="@" onClick="Aggiungi('mail')">
<input type="button" value="img" onClick="Aggiungi('urlimg')">
<input type="button" value="left" onClick="Aling('left')">
<input type="button" value="center" onClick="Aling('center')">
<input type="button" value="right" onClick="Aling('right')">

<textarea name="textarea" rows="10" cols="40"></textarea>
</form>
</html>
l' editor è completo manca solo l' input a cui assegnare l' anteprima...