Léiert Wéi Dir Websäit Inhalt als Editabel fir Site Visitors festleet

Benotzt den Contenteditable Attribut

Den Text on enger Websäit ze benotzen ass méi einfach wéi Dir kënnt erwaarden. HTML gëtt en Attribut fir dësen Zweck: Inhaltstënnend.

Den onbestëmmbaren Attribut gouf am Joer 2014 mat der Verëffentlechung vun HTML5 agefouert . Gitt fest wéi den Inhalt deen se regéiert ka vun engem Site Visiteur aus dem Browser geännert ginn.

Ënnerstetzung fir den Contenteditable Attribut

Déi meescht modern Desktop-Browseren ënnerstëtzen den Attribut.

Dorënner:

Dat selwecht gëllt fir déi meeschte mobilen Browser.

Wéi benotze Matleedbar

Füügt einfach den Attribut op den HTML Element, deen Dir editus.lu. Et huet dräi méigleche Wäerter: echte, falsch an ierft. Inherit ass de Standardwerter, dat heescht datt d'Element den Wäert vun hirem Elteren noutgëtt. Elo och Kanner vun Ärem neien Editeier ass och editabel, ausser Dir ännert hir Wäerter op falsch. Zum Beispill, fir e DIV Element editéieren ze maachen:

Erstellt eng editabel ze maachen Lëscht mat Contenteditable

Editabel Inhalts maacht am meeschten Sënn, wann Dir et mat der lokaler Speicherung paart mécht, sou datt de Inhalt tëschent Sessiounen an Sitebesichtunge besteet.

  1. Öffnen Är Säit an engem HTML Editor.
  2. Erstellt eng Bulleted, Onbefelegelt Lëscht mat myTasks :

    • E puer Aufgaben
    • aner Task
  1. Doduerch den onbedingte Attribut mam
      Element:
      Dir hutt elo eng To-Do-Lëscht, déi editabel ass - awer wann Dir Äre Browser schéckt oder d'Säit verléisst, wäert Är Lëscht verschwenden. D'Léisung: Fügt e einfachen Skript hinzu fir d'Aufgaben op localStorage ze speichern.
    • Fuert een Link op jQuery an de vun Ärem Dokument.