Revista Blog

Contenido Editable en el Blog con HTML5

Publicado el 09 agosto 2016 por Eduardo Javier Perez Cenepo @NeytorTec
Contenido editable por los usuarios en nuestro Blog, esta es una propiedad dada por la nueva tecnología de HTML5, la cual podemos añadir a nuestros post de Blogger o cualquier otro espacio que tengamos en el blog, ademas esta propiedad es solo demostrativa y nada mas, con eso me refiero a que el contenido que publiquemos podrá ser editado, pero al actualizar la pagina este contenido volverá a mostrar el Original, el cual fue redactado por el autor del Post. Si se preguntan cual es la utilidad de poner post editables si al actualizar este volverá a la normalidad, bueno yo tampoco le encuentro un uso adecuado pero es bastante curioso.

Contenido Editable en el Blog:

Como venia diciendo esto lo podemos hacer gracias a HTML5, es un código bastante sencillo y no a merita mayores conocimientos. Para lograr esto usamos el atributo contenteditable="true" en una etiqueta contenedora como un <div> <section> <table>, etc.
Para entender mejor de lo que hablo si ustedes dan click sobre esta parte del post verán que el contenido se sobre sale como si fuera una especia de caja de texto pero en realidad es la propiedad del atributo contenteditabe="true".Click en esta parte del Post.

El código que hizo posible que este texto sea editable es el siguiente:

<div contenteditable="true">Dentro de los divs ponemos todo el texto que tendra la propiedad editable </div>

De esta forma podemos poner Texto que puede ser editable en nuestros Blogs o paginas web, siendo así una forma curiosa de distraer a nuestros lectores, si alguien logra darle una utilidad funcional, estaría muy bienvenido su aporte.
Espero que les sea de mucha utilidad este Post. Cualquier duda o Aporte Hacerlo por Comentarios. Gracias por su Tiempo!.

Volver a la Portada de Logo Paperblog