Korišćenje Contenteditable atributa
Pravljenje teksta na web stranici koje uređuju korisnici je lakše nego što možete očekivati. HTML daje atribut za ovu svrhu: sadržajan.
Sadržaj odgovarajući atribut je prvi put predstavljen 2014. godine sa izdavanjem HTML5 . Ona određuje da li sadržaj koji uređuje može promijeniti posetilac sajta iz unutar pretraživača.
Podrška za atribut koji može sadržati sadržaj
Većina modernih desktop pretraživača podržava atribut.
To uključuje:
- Chrome 4.0 i više
- Internet Explorer 6 i gore
- Firefox 3.5 i više
- Safari 3.1 i više
- Opera 10.1 i više
- Microsoft Edge
Isto važi i za većinu mobilnih pretraživača.
Kako koristiti Contenteditable
Jednostavno dodajte atribut HTML elementu koji želite urediti. Ima tri moguća vrijednosti: istinito, lažno i nasledno. Inherit je podrazumevana vrednost, što znači da element preuzima vrednost svog roditelja. Isto tako, svi dječiji elementi vašeg novog uređivog sadržaja će takođe biti uređivi, osim ako ne promenite svoje vrijednosti na lažne. Na primjer, kako bi se DIV element mogao urediti, koristite:
Kreirajte listu koja se može izmeniti pomoću Contenteditable
Sadržaj koji se može izmeniti čini najpametnijim kada ga uparite sa lokalnom memorijom, tako da sadržaj ostane između sesija i poseta lokaciji.
- Otvorite svoju stranicu u HTML editoru.
- Kreirajte bulleted, unordered list sa imenom myTasks :
- Neki zadatak
- Još jedan zadatak
- Neki zadatak
- Dodajte atribut sadržaja sa elementom
- :
Sada imate listu obaveza koja se može urediti - ali ako zatvorite pregledač ili napustite stranicu, vaša lista će nestati. Rešenje: Dodajte jednostavnu skriptu da biste sačuvali zadatke na lokalnom nivou. - Dodajte vezu na jQuery u u vašem dokumentu.