Paggamit ng Attribute Editable na Attribute
Ang paggawa ng teksto sa isang website na mae-edit ng mga gumagamit ay mas madali kaysa sa maaari mong asahan. Nagbibigay ang HTML ng isang katangian para sa layuning ito: maaaring ma-edit ng nilalaman.
Ang nilalaman na na-edit na nilalaman ay unang ipinakilala noong 2014 sa paglabas ng HTML5 . Tinutukoy nito kung ang nilalaman na pinamamahalaan nito ay maaaring mabago ng isang bisita ng site mula sa loob ng browser.
Suporta para sa Editoryal na Attribute
Sinusuportahan ng karamihan ng mga modernong desktop browser ang katangian.
Kabilang dito ang:
- Chrome 4.0 at pataas
- Internet Explorer 6 at pataas
- Firefox 3.5 at pataas
- Safari 3.1 at pataas
- Opera 10.1 at pataas
- Microsoft Edge
Ang parehong napupunta para sa karamihan ng mga mobile browser, masyadong.
Paano Gamitin ang Pag-edit ng Nilalaman
Idagdag lamang ang katangian sa elemento ng HTML na nais mong gawing mae-edit. Ito ay may tatlong posibleng mga halaga: totoo, mali at magmana. Inherit ay ang default na halaga, ibig sabihin na ang elemento ay tumatagal sa halaga ng kanyang magulang. Gayundin, ang anumang mga elemento ng bata ng iyong bagong nae-edit na nilalaman ay mae-edit din maliban kung binago mo ang kanilang mga halaga sa hindi totoo. Halimbawa, upang gumawa ng isang elemento ng DIV na mae-edit, gamitin ang:
Lumikha ng isang Nae-edit na Listahan ng Gagawin Sa Na-edit ng Nilalaman
Ang e-edit na nilalaman ang pinakamahalaga kapag pinares mo ito sa lokal na imbakan, kaya nagpatuloy ang nilalaman sa pagitan ng mga sesyon at mga pagbisita sa site.
- Buksan ang iyong pahina sa isang HTML editor.
- Lumikha ng isang bulleted, unordered list na pinangalanang myTasks :
- Ang ilang mga gawain
- Isa pang gawain
- Ang ilang mga gawain
- Idagdag ang nabagong nilalaman na attribute sa
- elemento:
Mayroon ka na ngayong listahan ng gagawin na mae-edit-ngunit kung isasara mo ang iyong browser o iwanan ang pahina, mawawala ang iyong listahan. Ang solusyon: Magdagdag ng isang simpleng script upang i-save ang mga gawain sa localStorage. - Magdagdag ng isang link sa jQuery sa ng iyong dokumento.