Aprann kijan pou mete sit entènèt Paj Content kòm editabl pou Vizitè lokal yo

Sèvi ak atribi a Contenteditable

Fè tèks la sou yon sit entènèt editabl pa itilizatè yo se pi fasil pase ou ta ka atann. HTML bay yon atribi pou objektif sa a: contenteditable.

Te atribi a contenteditable premye prezante nan 2014 ak liberasyon an nan HTML5 . Li presize si wi ou non kontni an li gouvène ka chanje pa yon vizitè sit soti nan navigatè a.

Sipò pou atribi a kontni

Pifò Navigatè Desktop modèn sipòte atribi la.

Men sa yo enkli:

Menm bagay la tou ale pou pi navigatè mobil, tou.

Kijan pou yo itilize Contenteditable

Senpleman ajoute atribi nan eleman nan HTML ou vle fè editabl. Li gen twa valè posib: vre, fo ak eritye. Inherit se valè a default, sa vle di eleman an pran sou valè a nan paran li yo. Menm jan tou, nenpòt eleman timoun nan kontni ki fèk editè ou yo pral editabl sof si ou chanje valè yo nan fo. Pou egzanp, fè yon eleman DIV editabl, itilize:

Kreye yon lis Editable pou-fè avèk Contenteditable

Kontni Editab fè sans ki pi lè ou pè li ak depo lokal, se konsa kontni an pèsiste ant sesyon ak vizit sit.

  1. Louvri paj ou a nan yon editè HTML.
  2. Kreye yon lis balon ki pa lis ki rele myTasks :

    • Gen kèk travay
    • Yon lòt travay
  1. Add atribi a contenteditable nan eleman
      la:
      Ou kounye a gen yon lis pou-fè ki editable-men si ou fèmen navigatè ou a oswa kite paj la, lis ou a pral disparèt. Solisyon an: Ajoute yon script ki senp pou konsève pou travay yo nan localStorage.
    • Ajoute yon lyen nan jQuery nan nan dokiman ou.