Upotreba značajke Contenteditable
Izrada teksta na web stranici koju možete uređivati korisnici lakše je nego što očekujete. HTML daje atribut za tu svrhu: sadržajno podesiv.
Sadržajni sadržaj je prvi put uveden 2014. godine izdavanjem HTML5 . Određuje hoće li sadržaj posjetitelja web lokacije unutar preglednika mijenjati sadržaj koji upravlja.
Podrška za svojstvo Contenteditable
Većina suvremenih preglednika za stolna računala podržavaju atribut.
To uključuje:
- Chrome 4.0 i noviji
- Internet Explorer 6 i noviji
- Firefox 3.5 i noviji
- Safari 3.1 i više
- Opera 10.1 i više
- Microsoft Edge
Isto vrijedi i za većinu mobilnih preglednika.
Kako koristiti Contentable
Jednostavno dodajte atribut HTML elementu kojeg želite urediti. Ima tri moguće vrijednosti: istinite, lažne i naslijeđene. Naslijeđena je zadana vrijednost, što znači da element uzima vrijednost svog roditelja. Isto tako, svi dječji elementi vašeg novog sadržaja koji se može uređivati također će se moći uređivati, osim ako ne promijenite njihove vrijednosti lažnom. Na primjer, kako bi se DIV element mogao uređivati, upotrijebite:
Izradite popis za uređivanje s sadržajem koji se može uređivati
Sadržaj koji se može uređivati ima najviše smisla kada ga uparite s lokalnom pohranom, tako da sadržaj traje od sesija i posjeta web-lokaciji.
- Otvorite svoju stranicu u HTML uređivaču.
- Stvorite označeni, neuredan popis pod nazivom myTasks :
- Neki zadatak
- Drugi zadatak
- Neki zadatak
- Dodajte sadržajno pridodani atribut elementu
- :
Sada imate popis obveza koji se može uređivati, no ako zatvorite preglednik ili napustite stranicu, popis će nestati. Rješenje: Dodajte jednostavnu skriptu za spremanje zadataka na localStorage. - Dodajte vezu na jQuery u vašeg dokumenta.