Posizionare cursore in un dato punto.

Come posso fare si che quando l'utente clicca su un testo e appare il codice per scrivere in grassetto, corsivo o link che il cursore vada posizionato al centro. Ecco il codice

<script>
function url()
{
var link;

var linkurl=prompt("Inserisci il Link","http://");

if (linkurl!=null)
  {
  link="<a href='" + linkurl + "'></a>";
  document.form.cont.value+=link;
  document.form.cont.focus();
  }
else {
  alert('Devi inserire un Link');
  }
}
        
function corsivo() {
          document.form.cont.value+='<i></i>';
          document.form.cont.focus();
}
        
function bold() {
          document.form.cont.value+='<b></b>';
          document.form.cont.focus();
}

</script>

Vorrei che quando il cursore sia inserito tra i < b >(cursore)</ b > e cosi per il resto. Mi piacerebbe anche che se uno clicca per il grassetto e poi clicca per il corsivo, il codice per il corsivo venga inserito stra il codice del grassetto, cioe < b >< i ></ i ></ b >.
Grazie a tutti in anticipo.

[saitfainder]

Se stai parlando di manipolare il testo dentro una <textarea> ho scritto tempo fa un post proprio sull'argomento.