Lærðu hvernig á að setja inn vefsíðu innihald sem hægt er að breyta fyrir gesti á vefsvæðum

Notkun Contenteditable eiginleiki

Að búa til texta á vefsíðu sem er breytt af notendum er auðveldara en þú átt von á. HTML veitir eigindi í þessu skyni: contenteditable.

Contenteditable eiginleiki var fyrst kynnt árið 2014 með útgáfu HTML5 . Það tilgreinir hvort það efni sem það ræður getur breyst af vefgjafi innan vafrans.

Stuðningur við Contenteditable Attribute

Flestir nútíma skrifborðsflettir styðja eiginleiki.

Þessir fela í sér:

Sama gildir fyrir flestar farsímavélar líka.

Hvernig á að nota Contenteditable

Bæta einfaldlega eiginleiki við HTML-frumefni sem þú vilt breyta. Það hefur þrjú möguleg gildi: satt, falskt og erft. Erfðir eru sjálfgefið gildi, sem þýðir að þátturinn tekur gildi foreldrisins. Sömuleiðis munu allir þættir barnsins sem þú ert nýlega að breyta hægt að breyta, nema þú breytir gildum þeirra á rangan hátt. Til dæmis, til að gera DIV frumefni breytt, notaðu:

Búðu til breytilegan listaverk með Contenteditable

Breytilegt efni er best þegar þú pörir það við staðbundna geymslu, þannig að efnið haldist á milli funda og heimsókna.

  1. Opnaðu síðuna þína í HTML ritstjóri.
  2. Búðu til punktamerki, óraunað lista sem heitir myTasks :

    • Sum verkefni
    • Annað verkefni
  1. Bættu við eiginleikanum contenteditable við
      þáttinn:
      Þú hefur nú að gera lista sem hægt er að breyta. En ef þú lokar vafranum þínum eða sleppur síðunni mun listinn hverfa. Lausnin: Bættu við einföldum handriti til að vista verkefnin á localStorage.
    • Bættu við tengingu við jQuery í skjalsins.