Código de HTML - Contenido Editable en HTML5

Imágen de perfil

Contenido Editable en HTML5gráfica de visualizaciones


HTML

Publicado el 15 de Julio del 2013 por Xavi
5.545 visualizaciones desde el 15 de Julio del 2013. Una media de 35 por semana
Código que muestra como utilizar la propiedad contenteditable para permitir editar un párrafo de nuestra web.

Versión 1

Publicado el 15 de Julio del 2013gráfica de visualizaciones de la versión: Versión 1
5.546 visualizaciones desde el 15 de Julio del 2013. Una media de 35 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <title>HTML5 - Contenido Editable</title>
</head>
 
<body>
    <header>
        <h1>Contenido Editable</h1>
    </header>
 
    <article>
        <section>
            <p>Cualquier elemento con el atributo <b>contenteditable="true"</b> tendra un entorno gris al pulsar el ratón encima, y podra ser editado su contenido.</p>
        </section>
        <section id="editable" contenteditable="true">
            <h2>Puedes modificar este parrafo a tu antojo</h2>
            <ol>
                <li>Aqui a una lista</li>
                <li>Segundo elemento</li>
                <li>Puedes crear nuevo elementos</li>
            </ol>
        </section>
        <div>
            <input type="button" value="Eliminar cambios" onClick="restaurar();" />
        </div>
    </article>
    <script type="text/javascript">
        function restaurar()
        {
        localStorage.clear();
        window.location = window.location; // refresh
        }
    </script>
</body>
</html>



Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2428