Texto editable Javascript

[tazzwt]

Hola como se puede hacer ese efecto, se le hace doble click a un texto normal y este se convierte en editable. Luego se hace click en otro lado el texto queda editado..

Como la siguiente imagen:

Código HTML:

<script type='text/javascript'>
function editar(mitexto) {
nombre = document.getElementById(texto).style.display = 'hidden';
 
}
</script>
 
 
<input type="text" id="texto" onDblClick=editar()>