Mëso Si të Vendosni Përmbajtjen e Webfaqes si të Përshtatshme për Vizitorët e Faqes

Përdorimi i Attributit të Përshtatshëm

Marrja e tekstit në një faqe interneti që mund të modifikohet nga përdoruesit është më e lehtë se sa mund të prisni. HTML siguron një atribut për këtë qëllim: contenteditable.

Atributi i kënaqshëm u prezantua për herë të parë në 2014 me lëshimin e HTML5 . Ai përcakton nëse përmbajtja që qeveris mund të ndryshohet nga një vizitor i faqes brenda shfletuesit.

Mbështetje për atributin e kënaqshëm

Shumica e shfletuesve desktopë moderne mbështesin atributin.

Kjo perfshin:

E njëjta gjë vlen edhe për shumicën e shfletuesve mobilë.

Si të përdorni përmbajtje të kënaqshme

Thjesht shtoni atributin në elementin HTML që dëshironi të bëni të redaktueshëm. Ajo ka tre vlera të mundshme: e vërtetë, e rreme dhe e trashëguar. Trashja është vlera e parazgjedhur, që do të thotë se elementi merr vlerën e prindit të tij. Gjithashtu, çdo element i fëmijës i përmbajtjes suaj të redaktimit gjithashtu do të jetë i redaktueshëm nëse nuk i ndryshoni vlerat e tyre të rreme. Për shembull, për të bërë një element DIV të redaktueshëm, përdorni:

Krijo një Lista të Editable To-Do Me Contenteditable

Përmbajtja e editueshme ka kuptimin më të madh kur e bashkoni atë me ruajtjen lokale, kështu që përmbajtja vazhdon midis sesioneve dhe vizitave në vend.

  1. Hapni faqen tuaj në një redaktues HTML.
  2. Krijo një listë me bulit , të parregulluar me emrin myTasks :

    • Disa detyra
    • Një tjetër detyrë
  1. Shto elementin e kënaqshëm në elementin
      :
      Tani keni një listë të detyrueshme që mund të ndryshohet, por nëse mbyllni shfletuesin ose lini faqen, lista juaj do të zhduket. Zgjidhja: Shto një skript të thjeshtë për të ruajtur detyrat në localStorage.
    • Shto një lidhje me jQuery në të dokumentit tuaj.