Learje hoe't jo webside ynsteld wurde as Editable for Site Visitors

Gebrûk fan 'e ynhâldlike eigenskippen

It tekenjen fan de tekst op in webside fan 'e brûker is makliker as jo miskien ferwachtsje kinne. HTML jout in attribút foar dit doel: contenteditable.

It yntegriteit fan 'e ynhâld is yn 2014 yntrodusearre mei de útjefte fan HTML5 . It bepaalt oft de ynhâld dy regele kin troch in side visitor fanút de browser feroare wurde.

Stipe foar it Contenteditable Attribut

De measte moderne buroblêden brûke it attribút.

Dêr heart by:

Datselde jildt ek foar de measte mobile browsers.

Hoe kinne ynhâldearre wurde

Jo kinne it attribút ienfâldich taheakje oan it HTML-elemint dat jo bewurkbere meitsje wolle. It hat trije mooglike wearden: wier, falsk en ierde. Inherit is de standertwearde, dat betsjut dat it elemint de wearde fan syn âlder hat. Likegoed wurde allinich berneleminten fan jo nije bewurkbere ynhâld ek werjaan, as jo har wearden net feroare. Om bygelyks in DIV-elemint te meitsjen, kinne jo brûke:

Meitsje in Editable To-Do-list mei Contenteditable

Ynstellbare ynhâld makket it meastens as jo it mei lokale opslach fertsjinje, dus de ynhâld bliuwt tusken sesjes en sidebesiken.

  1. Iepenje jo side yn in HTML bewurker.
  2. Meitsje in bullet, unordered list neamd myTasks :

    • Guon taak
    • In oare taak
  1. Foegje it ynhâldlike yndieling oan it
      -elje:
      Jo hawwe no in to-do-list dy't editable is, mar as jo jo blêder sluten of ferlitte de side, sil jo list ferdwine. De oplossing: Foegje in ienfâldige skript om de taken op it lokaleStorage te bewarjen.
    • In link nei jQuery taheakje yn 'e fan jo dokumint.