Crear un documento editable con HTML5

20/mar/2012 HTML5 4 Comentarios
Logo HTML5

Ya veíamos en otro artículo como en HTML5 tenemos la capacidad de definir áreas o elementos que sean editables. Para ello nos basábamos en el atributo general de HTML5 contentEditable.

Pero con HTML5 podemos llegar aún más lejos y podemos crear un documento editable. Es decir, que todos los elementos de la página serán editables desde nuestro navegador.

Para poder crear nuestro documento editable en HTML5 deberemos de recurrir al Javascript y es que desde código Javascript podemos modificar el atributo designMode y aplicarle el valor "on".

  1. document.designMode="on";

Esta simple línea de código Javascript que modifica un atributo HTML5 permite que el documento entero sea editable.

No he encontrado forma de hacerlo directamente sobre el código HTML5 de la página, sin recurrir al código Javascript. Si alguien sabe como resolverlo, su respuesta será muy bienvenida.

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

4 comentarios en “Crear un documento editable con HTML5”

Víctor Cuervo

Víctor Cuervo

@Alejandro, me alegreo que te haya gustado. :-D

Víctor Cuervo

Alejandro - Páginas web

Muy interesante el tip!! gracias por compartirlo!!

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*