Contenteditable atribuudi kasutamine
Kasutaja poolt redigeeritava teksti loomine on lihtsam kui võite arvata. Sellel eesmärgil pakub atribuut HTML: contenteditable.
Tundmatu atribuut esitati esmakordselt 2014. aastal HTML5-i versiooniga . See määrab, kas veebisaidi külastaja brauseris saab selle valduses olevat sisu muuta.
Contenteditable atribuudi toetus
Enamik kaasaegseid töölaua brauserid toetavad atribuuti.
Need sisaldavad:
- Chrome 4.0 ja uuemad versioonid
- Internet Explorer 6 ja uuemad versioonid
- Firefox 3.5 ja uuemad versioonid
- Safari 3.1 ja uuemad versioonid
- Opera 10.1 ja up
- Microsoft Edge
Sama kehtib ka enamike mobiilibrauserite kohta.
Kuidas kasutada Contenteditable'it
Lihtsalt lisage atribuut HTML-elemendile, mida soovite muuta. Sellel on kolm võimalikku väärtust: tõsi, vale ja päritud. Inherit on vaikimisi väärtus, mis tähendab, et element võtab oma vanema väärtuse. Samamoodi saab teie värskelt redigeeritava sisu kõiki lapseelemente muuta ka siis, kui te ei muuda nende väärtusi valeks. Näiteks selleks, et muuta DIV-elemendi redigeeritavaks, kasutage:
Loo toimetatavale ülesandele edastatav ülesannete nimekiri
Redigeeritav sisu muudab kõige mõttekamaks, kui selle paariks kohaliku salvestusega, nii et sisu püsib seansside ja saidi külastuste vahel.
- Avage oma leht HTML-redaktoris.
- Loo märkimata , ebakorrapärase nimekirja nimega myTasks :
- Mõned ülesanded li>
- Teine ülesanne li>
ul>
- Mõned ülesanded li>
- Lisa
- element:
- Lisage oma dokumendi link jQuery'ile.