Post Top Ad

Your Ad Spot

martes, 14 de enero de 2020

Cómo hacer que una página sea editable en el navegador

Hay un modo especial y bastante secreto en los navegadores, llamado modo de diseño .
Cuando configura una página en modo de diseño, puede editar el contenido de la página directamente dentro de la página del navegador, lo cual es muy útil para probar algún prototipo o verificar cómo se vería un nuevo titular, por ejemplo.
¿Cómo lo habilitas? Abra la consola de DevTools y escriba:
document.designMode = 'on'
El mismo resultado se puede activar habilitando contentEditableen el bodyelemento, así:
document.body.contentEditable = true
Puede editar texto, eliminarlo y también arrastrar imágenes para reposicionarlas.
designMode en acción
Puede desactivar el modo usando
document.designMode = 'off'
Esta característica es compatible con casi todos los navegadores, incluido IE. Es bastante viejo, pero bastante desconocido.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas