Atributo contenteditable

El atributo contenteditable permite hacer que cualquier elemento de la página sea editable a través del navegador.

El valor true activa la edición, y false lo desactiva. En lugar de true se puede especificar un valor vacío o no escribirlo en absoluto.

No se debe pensar que después de la edición los cambios en la página se guardarán en algún lugar. Esto debe implementarse de forma independiente a través de JavaScript.

Ejemplo

Vamos a editar el texto del párrafo a través del navegador (simplemente hacemos clic en él y empezamos a escribir):

html<p contenteditable>
  El texto de este párrafo se puede
  editar a través del navegador.
</p>

Результат:

Ejemplo

Y ahora desactivemos la edición de texto (para esto, el atributo contenteditable no se puede escribir en absoluto):

html<p contenteditable="false">
  El texto de este párrafo no se puede
  editar a través del navegador.
</p>

Результат:

Véase también