Crear un documento editable con HTML5

20/Mar/2012 HTML5 4 Comentarios

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.

4 comentarios en “Crear un documento editable con HTML5”

Víctor Cuervo

Víctor Cuervo

@Alejandro, me alegreo que te haya gustado. 😀

Víctor Cuervo

Alejandro - Páginas web

Muy interesante el tip!! gracias por compartirlo!!

Responder a Alejandro - Páginas web Cancelar respuesta

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

*

*