സൈറ്റ് സന്ദർശകർക്കായി എങ്ങിനെ എഡിറ്റ് ചെയ്യാൻ വെബ് പേജ് ഉള്ളടക്കം സജ്ജമാക്കാമെന്ന് അറിയുക

Contenteditable ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നു

ഉപയോക്താക്കൾക്ക് എഡിറ്റുചെയ്യാവുന്ന ഒരു വെബ്സൈറ്റിൽ വാചകം നിർമ്മിക്കുന്നത് നിങ്ങൾ പ്രതീക്ഷിച്ചതിലും എളുപ്പമുള്ള കാര്യമാണ്. HTML ഇതിനായി ഒരു ഗുണമുണ്ട്: contenteditable.

Contenteditable ആട്രിബ്യൂട്ട് ആദ്യമായി അവതരിപ്പിച്ചത് 2014-ൽ HTML5 ലൂടെ പുറത്തിറങ്ങി. ഇത് നിയന്ത്രിക്കുന്ന ഉള്ളടക്കം ബ്രൗസറിനുള്ളിൽ നിന്ന് ഒരു സൈറ്റ് സന്ദർശകനാൽ മാറ്റാനാകുമോ എന്നത് വ്യക്തമാക്കുന്നു.

Contenteditable ആട്രിബ്യൂട്ടിനുള്ള പിന്തുണ

ആധുനിക ഡെസ്ക്ടോപ്പ് ബ്രൗസറുകൾ ആട്രിബ്യൂട്ടിനെ പിന്തുണയ്ക്കുന്നു.

ഇതിൽ ഉൾപ്പെടുന്നവ:

ഇത് മിക്ക മൊബൈൽ ബ്രൌസറുകൾക്കും പോകുന്നു.

Contenteditable ഉപയോഗിക്കുന്നതിന് എങ്ങനെ ഉപയോഗിക്കാം

നിങ്ങൾക്ക് എഡിറ്റുചെയ്യാൻ ആഗ്രഹിക്കുന്ന HTML ഘടകത്തിലേക്ക് ആട്രിബ്യൂട്ട് ചേർക്കൂ. അതിന് മൂന്നു മൂല്യങ്ങൾ ഉണ്ട്: സത്യവും വ്യാജവും പൈതൃകവും. ഇൻഹെറിറ്റാണ് സ്വതവേയുള്ള മൂല്യം, അർത്ഥമാക്കുന്നത് അതിന്റെ ഘടകത്തിന്റെ മൂല്യം എടുക്കുന്നു. അതുപോലെ തന്നെ, നിങ്ങളുടെ പുതിയ എഡിറ്റബിൾ ഉള്ളടക്കത്തിലെ ഏതെങ്കിലുമൊരു ഘടകവും നിങ്ങൾ തിരുത്തിയെഴുതാൻ പാടില്ലെങ്കിൽ അവ തിരുത്താവുന്നതാണ്. ഉദാഹരണമായി, ഒരു DIV ഘടകം എഡിറ്റുചെയ്യാവുന്നതാക്കുന്നതിന്, ഇത് ഉപയോഗിക്കുക:

Contenteditable ഉള്ള ഒരു എഡിറ്റബിൾ ചെയ്യേണ്ട ലിസ്റ്റുകൾ സൃഷ്ടിക്കുക

നിങ്ങൾക്കവയെ പ്രാദേശിക സംഭരണത്തോടൊപ്പം ജോടിയാക്കിയാൽ എഡിറ്റബിളിറ്റി ഉള്ളടക്കം വളരെ അർത്ഥവത്താണ്, അതിനാൽ ഉള്ളടക്കം സെഷനുകൾക്കും സൈറ്റ് സന്ദർശനങ്ങൾക്കുമിടയിൽ നിലനിൽക്കുന്നു.

  1. നിങ്ങളുടെ പേജ് ഒരു HTML എഡിറ്ററിൽ തുറക്കുക.
  2. MyTasks പേരുള്ള ബുള്ളറ്റിടൂഡ്, ഓർഡർ ചെയ്യാത്ത ലിസ്റ്റുകൾ സൃഷ്ടിക്കുക:

    • ചില ജോലികൾ
    • മറ്റൊരു ടാസ്ക്ക്
    • ഘടകത്തിലേക്ക് contenteditable ആട്രിബ്യൂട്ട് ചേർക്കുക:
      നിങ്ങൾക്കിപ്പോൾ എഡിറ്റുചെയ്യാൻ കഴിയുന്ന ലിസ്റ്റു ചെയ്യാനുള്ള ഒരു ലിസ്റ്റുണ്ട്- എന്നാൽ നിങ്ങൾ ബ്രൗസർ അടയ്ക്കുകയോ അല്ലെങ്കിൽ പേജ് വിടുകയോ ചെയ്താൽ നിങ്ങളുടെ ലിസ്റ്റ് അപ്രത്യക്ഷമാവും. പരിഹാരം: പ്രാദേശിക സ്റ്റോറേജിലേക്ക് ടാസ്കുകൾ സംരക്ഷിക്കുന്നതിന് ലളിതമായ ഒരു സ്ക്രിപ്റ്റ് ചേർക്കുക.
    • നിങ്ങളുടെ പ്രമാണത്തിന്റെ എന്നതിലുള്ള ഒരു ലിങ്ക് ചേർക്കുക.