Naudojant "Contenteditable" priskyrimą
Vartotojų redagavimo tekstas svetainėje yra lengvesnis, nei galėtumėte tikėtis. Šiai paskirčiai HTML yra atributas: neprilygstamas.
Neįtikėtinas atributas pirmą kartą buvo pristatytas 2014 m. Paskelbus HTML5 . Ji nurodo, ar svetainės lankytojas gali keisti turinį, kurį jis valdo, naršyklėje.
Parama "Contenteditable" savybei
Dauguma šiuolaikinių kompiuterio naršyklių palaiko atributą.
Jie apima:
- "Chrome" 4.0 ir naujesnės versijos
- Internet Explorer 6 ir aukštyn
- Firefox 3.5 ir naujesnės versijos
- Safari 3.1 ir aukštyn
- Opera 10.1 ir aukštyn
- Microsoft Edge
Tas pats pasakytina ir daugumoje mobiliųjų naršyklių.
Kaip naudotis "Contenteditable"
Tiesiog pridėkite atributą HTML elementui, kurį norite redaguoti. Ji turi tris galimas vertes: tiesa, klaidinga ir paveldima. "Inherit" yra numatytoji reikšmė, tai reiškia, kad elementas įgauna jo tėvų vertę. Panašiai, bet kokie jūsų neseniai redaguojamojo turinio elementai taip pat bus redaguojami, nebent pakeisite jų reikšmes klaidingai. Pavyzdžiui, norėdami redaguoti DIV elementą, naudokite:
Sukurkite redaguojamą darbų sąrašą su tinkamu
Redaguojantis turinys labiausiai įtakoja, kai porą su vietos saugykla, todėl turinys išlieka tarp sesijų ir apsilankymų svetainėje.
- Atidarykite savo puslapį HTML redaktoriuje.
- Sukurkite pažymėtą, nepastebintą sąrašą, pavadintą " myTasks" :
- kai kuri užduotis
- Kitas uždavinys
- kai kuri užduotis
- Į elementą
- pridėkite contenteditable atributas:
Dabar galite redaguoti užduočių sąrašą, tačiau jei uždarote naršyklę arba paliksite puslapį, jūsų sąrašas išnyks. Sprendimas: pridėkite paprastą scenarijų, kad išsaugotumėte užduotis vietiniam saugojimui. - Pridėti nuorodą į jQuery savo dokumente.