Uża l-Attribut Contenteditable
Li t-test fuq websajt editabbli mill-utenti jkun eħfef milli suppost tistenna. HTML jipprovdi attribut għal dan il-għan: kontenut addattat.
L-attribut contenteditable ġie introdott għall-ewwel darba fl-2014 bir-rilaxx ta ' HTML5 . Jispeċifika jekk il-kontenut li jirregola jistax jinbidel minn viżitatur tas-sit minn ġewwa l-browser.
Appoġġ għall-Attribut Contenteditable
Ħafna browsers moderni tad-desktop jappoġġaw l-attribut.
Dawn jinkludu:
- Chrome 4.0 u sa
- Internet Explorer 6 u aġġornament
- Firefox 3.5 u aġġornament
- Safari 3.1 u sa
- Opera 10.1 u aġġornament
- Microsoft Edge
L-istess jgħodd għall-biċċa l-kbira tal-browsers mobbli, ukoll.
Kif għandek tuża Contenteditable
Sempliċement żid l-attribut għall-element HTML li trid tagħmel editable. Għandu tliet valuri possibbli: vera, falza u jirtu. Wirt huwa l-valur awtomatiku, li jfisser li l-element jieħu l-valur tal-kumpanija prinċipali tiegħu. Bl-istess mod, kwalunkwe element tat-tfal tal-kontenut li jista 'jinbidel ġdid tiegħek ukoll se jkun editjat sakemm ma tbiddlux il-valuri tagħhom bħala foloz. Per eżempju, biex tagħmel editjar ta 'element DIV, uża:
Oħloq List Edittable To-Do With Contenteditable
Il-kontenut editibbli jagħmel l-iktar sens meta tgħaqqadha mal-ħżin lokali, għalhekk il-kontenut jippersisti bejn is-sessjonijiet u ż-żjarat fuq il-post.
- Iftaħ il-paġna tiegħek f'edukatur HTML.
- Oħloq bulleted, lista mingħajr ordni bl-isem tat- Taskijiet tiegħi :
- Xi kompitu
- Kompitu ieħor
- Xi kompitu
- Żid l-attribut contenteditable lill-element
- :
Issa għandek lista ta 'doża li tista' tiġi editjata - imma jekk inti tagħlaq il-browser tiegħek jew tħalli l-paġna, il-lista tiegħek ser tisparixxi. Is-soluzzjoni: Żid kitba sempliċi biex issalva l-kompiti lil localStorage. - Żid link għal jQuery fid-dokument tad-dokument tiegħek.