Elemente HTML lahko urejate s contenteditable

Uporaba atributa “contenteditable” omogoča urejanje vsakega elementa HTML. Način urejanja je podoben, kot pri <input> ali <textarea>, le vizualno izgleda precej boljše.

Atributa “contenteditable” nam tako omogoča izgradnjo precej brezhibnih urejevalnikov vsebin za naše uporabnike. Uporabnik preprosto klikne element in takoj posodobi besedilo, vsi stili se ohranijo.

Primer uporabe contenteditable:

<p contenteditable="true">...</p>

Na voljo imamo 3 različne vrednosti:

  • true – omogoča urejanje
  • false – ne omogoča urejanja
  • inherit – uporabi status starša

Atribut contenteditable ima tudi zelo dobro podporo v vseh brskalnikih.

Če se lotimo izdelave takšnega urejevalnika je seveda potrebno dodati še ustrezne “poslušalce”, ki spremembe ustrezno shranijo, v nasprotnem primeru ostanemo brez spremenjenih vsebin. Lahko pa takšne atribute uporabimo le v fazi izgradnje, kjer se še odločamo kakšna bo vsebina in posledično design, tako da ni potrebno obremenjevati programerjev v fazi odločanja. Precej uporabno.

Uporabne povezave:

Oznake: contenteditableeditorHTML

Komentiraj


*