Uporaba atributov, ki jih je mogoče vsebovati
Ustvarjanje besedila na spletnem mestu, ki ga urejajo uporabniki, je lažje, kot bi lahko pričakovali. HTML v ta namen daje atribut: vsebinsko ustrezen.
Zadevni atribut je bil prvič uveden leta 2014 z izdajo HTML5 . Določa, ali lahko vsebino, ki jo ureja, spreminja obiskovalec spletnega mesta iz brskalnika.
Podpora za atribut Contenteditable
Večina sodobnih brskalnikov za namizje podpira atribut.
Tej vključujejo:
- Chrome 4.0 in več
- Internet Explorer 6 in gor
- Firefox 3.5 in več
- Safari 3.1 in več
- Opera 10.1 in novejši
- Microsoft Edge
Enako velja za večino mobilnih brskalnikov.
Kako uporabljati Contenteditable
Preprosto dodajte atribut elementu HTML, ki ga želite urediti. Ima tri možne vrednosti: true, false in dediščine. Dedovanje je privzeta vrednost, kar pomeni, da element prevzame vrednost svojega starša. Prav tako bodo lahko edinstveni otroški elementi vaše nove vsebine, ki jih je mogoče urejati, razen če spremenite njihove vrednosti na napačne. Če želite, na primer, urediti element DIV, uporabite:
Ustvarite seznam, ki ga je mogoče urejati z Contenteditable
Vsebina, ki jo je mogoče urejati, je najbolj smiselna, če jo seznanite z lokalnim pomnilnikom, zato vsebina traja med sejami in obiski spletnega mesta.
- Odprite svojo stran v urejevalniku HTML.
- Ustvarite bulleted, neurejen seznam z imenom myTasks :
- Nekaj naloge
- Druga naloga
- Nekaj naloge
- Dodajte atribut contenteditable v element
- :
Zdaj imate seznam opravkov, ki ga je mogoče urejati. Če pa zaprete brskalnik ali pustite stran, bo vaš seznam izginil. Rešitev: dodajte preprost skript, da shranite naloge na localStorage. - V vašega dokumenta dodajte povezavo do jQuery.