Gebruik die Contenteditable Attribute
Om die teks op 'n webwerf te wysig, is makliker as wat jy verwag. HTML bied 'n kenmerk vir hierdie doel: contenteditable.
Die inhoudwaardige kenmerk is in 2014 bekendgestel met die vrystelling van HTML5 . Dit spesifiseer of die inhoud wat dit beheer, deur 'n werfbesoeker binne die blaaier verander kan word.
Ondersteuning vir die Contented Attribute
Mees moderne lessenaar blaaiers ondersteun die kenmerk.
Dit sluit in:
- Chrome 4.0 en hoër
- Internet Explorer 6 en hoër
- Firefox 3.5 en hoër
- Safari 3.1 en hoër
- Opera 10.1 en hoër
- Microsoft Edge
Dieselfde geld ook vir die meeste mobiele blaaiers.
Hoe om Contenteditable te gebruik
Voeg eenvoudig die kenmerk by die HTML-element wat jy wil wysig. Dit het drie moontlike waardes: waar, vals en erwe. Inherit is die verstekwaarde, wat beteken dat die element die waarde van sy ouer opneem. Net so sal enige kindelemente van jou nuut bewerkbare inhoud ook redigeer word, tensy jy hul waardes na vals verander. Om byvoorbeeld 'n DIV-element te wysig, gebruik:
Skep 'n bewerkbare To-Do List Met Contenteditable
Bewerkbare inhoud maak die beste sin wanneer jy dit koppel met plaaslike berging, sodat die inhoud tussen sessies en werfbesoeke voortduur.
- Maak jou bladsy oop in 'n HTML-redigeerder.
- Skep 'n kolpunt , ongeordende lys met die naam myTasks :
- Enkele taak
- Nog 'n taak
- Enkele taak
- Voeg die eienskap van contenteditable by die
- -element:
Jy het nou 'n taaklys wat redigeerbaar is, maar as jy jou blaaier sluit of die bladsy verlaat, sal jou lys verdwyn. Die oplossing: Voeg 'n eenvoudige script by om plaaslike take te stoor. - Voeg 'n skakel by jQuery in die van jou dokument.