Crear un documento editable con 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.

Activar el modo de edición con designMode

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”.

document.designMode = "on";

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

Limitaciones

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.