¿Cómo hacer un elemento HTML editable entre navegadores?

¿Sabes cómo hacer un

editable con JavaScript? Estoy buscando una solución de navegador cruzado.

Algo similar a un área de texto enriquecido, pero que usa un editable. Necesito algo similar para un

.
No quiero usar un cuadro de texto de reemplazo.

Descubrí cómo.

Utiliza la propiedad contentEditable del elemento DOME, como tal

 
lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor

Puedes hacer esto en HTML puro

 
Editable text...

¡Espero que esto ayude!

Establezca contentEditable property of the element en "true" :

 element.contentEditable = "true"; 

Ver también:

  • Contenido editable MDN documentos
  • Soporte de navegador en caniuse.com
 How about his: 

Cree un “área de texto” oculto y, al seleccionar (hacer clic o colocar el control deslizante), div, ocultar Div y mostrar el área de texto.