Het contenteditable attribuut

Het attribuut contenteditable maakt het mogelijk om elk element op de pagina rechtstreeks in de browser te bewerken.

De waarde true schakelt bewerken in, en false - schakelt het uit. In plaats van true kan een lege waarde worden gebruikt of het kan helemaal weggelaten worden.

Men moet niet denken dat na het bewerken de wijzigingen op de pagina ergens worden opgeslagen. Dit moet zelf geïmplementeerd worden via JavaScript.

Voorbeeld

Laten we de tekst van de alinea bewerken via de browser (klik er gewoon op met de muis en begin met typen):

html<p contenteditable>
  De tekst van deze alinea kan
  rechtstreeks in de browser bewerkt worden.
</p>

Результат:

Voorbeeld

En nu schakelen we het bewerken van de tekst uit (hiervoor kan het attribuut contenteditable helemaal weggelaten worden):

html<p contenteditable="false">
  De tekst van deze alinea kan niet
  rechtstreeks in de browser bewerkt worden.
</p>

Результат:

Zie ook

  • de tag textarea,
    waarmee een teksteditor gemaakt kan worden