feed twitter facebook LinkedIn facebook

HTML5 » Crear un documento editable con HTML5

marzo 20, 2012 por Víctor Cuervo 4 Comentarios Imprimir Imprimir

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.

Visualizar el Codigo
Visualiza el artículo
Descargar el Codigo
Descargar el código
Error en el Codigo
Error en el código
Foro sobre HTML5
Foro sobre HTML5
tags:

Artículos relacionados:

4 comentarios »

RSS feed para los comentarios de esta entrada. TrackBack URI

  1. Bitacoras.com
    marzo 20, 2012 #

    Información Bitacoras.com…

    Valora en Bitacoras.com: 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……

  2. Build 2012.9 | aulambra.com
    abril 4, 2012 #

    [...] Crear un documento editable con HTML5 [...]

  3. Alejandro - Páginas web
    abril 19, 2012 #

    Muy interesante el tip!! gracias por compartirlo!!

  4. Víctor Cuervo
    abril 20, 2012 #

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

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*