Pregunta

¿Sabes cómo hacer un <div> editable con JavaScript? Estoy en busca de solución a través del navegador.

Algo parecido a un área de texto rico, pero que utiliza un <iframe> editable. Necesito algo similar para un <div>.
no quieran utilizar un cuadro de texto de reemplazo.

¿Fue útil?

Solución

descubrí cómo.

Se utiliza la propiedad de la contentEditable DOMElement, al igual que

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>

Otros consejos

Puede hacer esto en HTML puro

<div class="editable" contenteditable="true">
    Editable text...
</div>

Espero que esto ayude!

contentEditable propiedad del elemento a "true" :

element.contentEditable = "true";

Vea también:

How about his: 

Haga un "textArea" oculto, y sobre la selección (clic o Hover) el div, y ocultar la Div Mostrar el textArea.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top