A Tartalomképes tulajdonság használata
A szöveg egyszerűbb szerkesztése a felhasználók számára, mint amire számíthat. A HTML egy attribútumot biztosít erre a célra: tartalomelérhető.
A tartalmi attribútum először 2014-ben jelent meg a HTML5 kiadásával. Azt határozza meg, hogy az általa irányított tartalmat a böngészőben a webhely látogatója megváltoztathatja.
Támogatja a Tartalomképes tulajdonságot
A legtöbb modern asztali böngésző támogatja az attribútumot.
Ezek tartalmazzák:
- Chrome 4.0 és újabb
- Internet Explorer 6 és újabb
- Firefox 3.5 és újabb
- Safari 3.1 és újabb
- Opera 10.1 és újabb
- Microsoft Edge
Ugyanez vonatkozik a legtöbb mobil böngészőre is.
Hogyan használjuk a tartalmat
Egyszerűen adja hozzá az attribútumot a szerkeszteni kívánt HTML elemhez. Három lehetséges értéke van: igaz, hamis és örökölni. Az öröklés az alapértelmezett érték, ami azt jelenti, hogy az elem a szülő értékét veszi fel. Hasonlóképpen az újonnan szerkeszthető tartalmak bármelyik gyermekeleme is szerkeszthető, hacsak nem módosítja értékét hamisnak. Például, ha egy DIV elemet szerkeszthet, használja:
Hozzon létre egy szerkeszthető teendő listát Contenteditable-el
A szerkeszthető tartalom a legmegfelelőbb, ha párosítja a helyi tárhelyet, így a tartalom a munkamenetek és a helyszíni látogatások között továbbra is fennáll.
- Nyissa meg oldalát egy HTML-szerkesztőben.
- Hozzon létre egy felsorolt, rendezetlen listát myTasks néven :
- Néhány feladat
- Egy másik feladat
- Néhány feladat
- A tartalomelérhető attribútum hozzáadása az
- elemhez:
Most van egy szerkeszthető teendője, de ha bezárja a böngészőt vagy elhagyja az oldalt, a lista eltűnik. A megoldás: Adjon hozzá egy egyszerű szkriptet, hogy mentse a feladatokat a localStorage-ba. - Adjon hozzá egy linket a jQueryhez a dokumentum részében.