Dysgwch Sut i Gosod Cynnwys Tudalen We fel Editable ar gyfer Ymwelwyr Safle

Defnyddio'r Nodwedd Cynnwys

Mae gwneud y testun ar wefan sy'n cael ei olygu gan ddefnyddwyr yn haws nag y gallech ei ddisgwyl. Mae HTML yn rhoi priodoldeb at y diben hwn: yn fodlon.

Cyflwynwyd y priodoldeb cynnwys cyntaf yn 2014 gyda rhyddhau HTML5 . Mae'n nodi a ellir newid y cynnwys y mae'n ei llywodraethu gan ymwelydd safle o fewn y porwr.

Cefnogaeth ar gyfer y Nodwedd Cynnwys

Mae'r rhan fwyaf o borwyr bwrdd gwaith modern yn cefnogi'r priodoldeb.

Mae'r rhain yn cynnwys:

Mae'r un peth yn wir am y rhan fwyaf o borwyr symudol hefyd.

Sut i Ddefnyddio Contenteditable

Yn syml, ychwanegwch y priodoldeb i'r elfen HTML yr hoffech ei wneud yn editable. Mae ganddi dri gwerthoedd posibl: gwir, ffug a etifeddu. Etifedd yw'r gwerth diofyn, sy'n golygu bod yr elfen yn cymryd gwerth ei riant. Yn yr un modd, bydd unrhyw elfennau plant o'ch cynnwys newydd i'w haddasu hefyd yn cael eu haddasu oni bai eich bod yn newid eu gwerthoedd i ffug. Er enghraifft, i wneud elfen DIV editable, defnyddiwch:

Creu Rhestr Addasu I'w Gwneud Gyda Contenteditable

Mae cynnwys editable yn gwneud yr ymdeimlad mwyaf pan fyddwch chi'n ei barau â storfa leol, felly mae'r cynnwys yn parhau rhwng sesiynau ac ymweliadau safle.

  1. Agorwch eich tudalen mewn golygydd HTML.
  2. Creu rhestr fwlededig , heb ei orchymyn, a enwir fy Tasgau :

    • Rhai dasg
    • Tasg arall
  1. Ychwanegwch y priodoledd sydd ar gael i'r elfen
      :
      Nawr mae gennych restr i'w wneud sy'n golygu - ond os byddwch chi'n cau'ch porwr neu'n gadael y dudalen, bydd eich rhestr yn diflannu. Yr ateb: Ychwanegwch sgript syml i achub y tasgau i localStorage.
    • Ychwanegwch ddolen i jQuery yn eich dogfen.