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