¿Cómo hacer una etiqueta editable elemento multi-navegador?
-
19-09-2019
- |
-
-
19-09-2019 - |
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.
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!
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