Contenido editable en HTML5
https://engineerdesistemas.blogspot.com/2016/11/contenido-editable-en-html5.html
Con HTML4 era muy complejo realizar tareas de edición en linea, es decir sobre lo que el usuario dispone en la pantalla en su interfaz tener la posibilidad de realizar ediciones. Ya con la llegada de HTML5 esto ya no es ningún inconveniente 💃.
El resultado en pantalla y adicionando texto en linea es:
Para lo cual utilizamos la etiqueta "section" con sus propiedades "editable" y "contenteditable" tal como se muestra en el siguiente código:
<!DOCTYPE html>
<html>
<body>
<h1></h1>
<section id="editable" contenteditable="true">
<h2>Titulo</h2>
<p>Contenido para el articulo</p>
<ul>
<li>Argentina</li>
<li>Bolivia</li>
<li>Brasil</li>
<li>Paraguay</li>
</ul>
</section>
</body>
</html>
El resultado en pantalla y adicionando texto en linea es:
Esta posibilidad se puede combinar con el uso de JavaScript, PHP y otros para distintos fines.
