Izmantojot Contenteditable īpašību
Lietotāji, kuri ir rediģējuši tekstu vietnē, ir vieglāk, nekā jūs varētu gaidīt. Šim nolūkam HTML paredzēts atribūts: saistošs.
Nepārspējamais atribūts vispirms tika ieviests 2014. gadā ar HTML5 izlaišanu. Tajā tiek norādīts, vai vietnes apmeklētājs pārlūkprogrammā var mainīt satura pārvaldību.
Atbalsts Contenteditable īpašumam
Lielākā daļa mūsdienu darbvirsmas pārlūkprogrammu atbalsta atribūtu.
Tie ietver:
- Chrome 4.0 un jaunākas versijas
- Internet Explorer 6 un jaunākas versijas
- Firefox 3.5 un jaunākas versijas
- Safari 3.1 un jaunākas versijas
- Opera 10.1 un augšup
- Microsoft Edge
Tas pats attiecas arī uz lielāko daļu mobilo pārlūku.
Kā lietot Contenteditable
Vienkārši pievienojiet atribūtu HTML elementam, kuru vēlaties rediģēt. Tam ir trīs iespējamās vērtības: patiesa, nepatiesa un mantota. Mākonis ir noklusējuma vērtība, kas nozīmē, ka elements iegūst tā vecāku vērtību. Tāpat arī jūsu jaunā rediģējamā satura bērna elementi būs rediģējami, ja vien neesat mainījuši to vērtību kļūdaini. Piemēram, lai padarītu DIV elementu rediģējamu, izmantojiet:
Izveidojiet rediģējamu uzdevumu sarakstu ar saistītām lietām
Pārejot uz vietējo krātuvi vislabāk ir rediģējamais saturs, tāpēc saturs turpinās starp sesijām un vietņu apmeklējumiem.
- Atveriet savu lapu HTML redaktorā.
- Izveidojiet iezīmētu, neierobežotu sarakstu ar nosaukumu myTasks :
- Daži uzdevumi
- Vēl viens uzdevums
- Daži uzdevumi
- Pievienot elementu
- :
Tagad jums ir rediģējamu uzdevumu saraksts, bet, aizverot pārlūkprogrammu vai atstājot lapu, jūsu saraksts izzudīs. Risinājums: pievienojiet vienkāršu skriptu uzdevumu saglabāšanai lokālajā saglabāšanā. - Pievienojiet jQuery saiti savā dokumentā .