Použitie atribútu Contenteditable
Vytváranie textu na webových stránkach, ktoré je možné upraviť používateľmi, je jednoduchšie, než by ste mohli očakávať. HTML poskytuje atribút na tento účel: kontenteditable.
Atribút kontentedable bol prvýkrát predstavený v roku 2014 s vydaním HTML5 . Určuje, či obsah, ktorý upravuje, môže zmeniť návštevník lokality z prehliadača.
Podpora atribútu Contenteditable
Väčšina moderných desktopových prehliadačov podporuje atribút.
Tie obsahujú:
- Chrome 4.0 a vyššie
- Internet Explorer 6 a vyššie
- Firefox 3.5 a vyššie
- Safari 3.1 a vyššie
- Opera 10.1 a vyššie
- Microsoft Edge
To isté platí pre väčšinu mobilných prehliadačov.
Ako používať Contenteditable
Jednoducho pridajte atribút prvku HTML, ktorý chcete upraviť. Má tri možné hodnoty: pravdivé, falošné a zdedenie. Funkcia Zdediť je predvolená hodnota, čo znamená, že prvok nadobúda hodnotu svojho rodiča. Podobne aj akékoľvek podradené prvky vášho novo upraviteľného obsahu budú editovateľné, ak nezmeníte ich hodnoty na hodnotu false. Ak chcete napríklad zmeniť prvok DIV, použite:
Vytvorenie zoznamu úloh, ktoré je možné upraviť, s obsahom kontinentu
Upraviteľný obsah má najväčší zmysel pri spárovaní s miestnym ukladacím priestorom, takže obsah pretrváva medzi reláciami a návštevami stránok.
- Otvorte svoju stránku v editore HTML.
- Vytvorte neoznačený zoznam s názvom myTasks :
- Niektoré úlohy
- Ďalšia úloha
- Niektoré úlohy
- Pridajte atribút contentedable k elementu
- :
Teraz máte zoznam úloh, ktorý je možné upraviť - ale ak zatvoríte prehliadač alebo opustíte stránku, zoznam zmizne. Riešenie: Pridajte jednoduchý skript na uloženie úloh na lokálny server. - Pridajte odkaz na jQuery v dokumentu.