Pagkat-on Kon Unsaon Paghatag Web Content Content ingon nga ma-edit alang sa mga Bisita sa Site

Paggamit sa Pag-edit nga Attribute

Ang paghimo sa teksto sa usa ka website nga ma-edit sa mga tiggamit mas sayon ​​kay sa mahimo nimo. Ang HTML naghatag og usa ka kinaiya alang niini nga katuyoan: ang pag-usab sa panagway.

Ang contenteditable attribute unang gipaila sa 2014 uban ang pagpagawas sa HTML5 . Gihisgotan kini kung ang sulod nga nahiuyon mahimong mausab sa usa ka bisita nga bisita gikan sa sulod sa browser.

Suporta alang sa Pag-edit nga Attribute

Ang kadaghanan sa modernong mga desktop browser nagsuporta sa hiyas.

Kini naglakip sa:

Ang sama nga alang sa kadaghanan sa mga mobile browsers, usab.

Kon Unsaon Paggamit ang Pag-edit nga Mahimo

Idugang lamang ang hiyas sa elemento sa HTML nga gusto nimo nga ma-edit. Kini adunay tulo ka posible nga mga prinsipyo: tinuod, dili tinuod ug mapanunod. Ang pagpanunod mao ang default nga bili, nagpasabut nga ang elemento nagkinahanglan sa bili sa ginikanan niini. Sa samang paagi, ang bisan unsang bata nga mga elemento sa imong bag-ong na-edit nga sulod ma-edit usab gawas kon imong usbon ang ilang mga hiyas nga bakak. Pananglitan, aron mahimo ang usa ka elemento nga DIV nga ma-edit, gamita ang:

Paghimo og usa ka I-edit nga Mahimo nga Talaan nga May Pag-edit nga Mahimo

Ang na-edit nga sulod mao ang pinakadako nga pagsabut kon imong ipaangay kini sa lokal nga tipiganan, mao nga ang sulod magpadayon tali sa mga sesyon ug pagbisita sa mga site.

  1. Ablihi ang imong panid sa usa ka editor sa HTML.
  2. Paghimo og usa ka buleted, unordered nga listahan nga ginganlan myTasks :

    • Ang uban nga tahas
    • Laing buluhaton
  1. Idugang ang panag-usab nga hiyas nga pag-usab sa elemento
      :
      Aduna ka na'y usa ka listahan sa kinahanglan buhaton nga ma-edit-apan kon imong isira ang imong browser o ibilin ang pahina, ang imong listahan mawala. Ang solusyon: Pagdugang og usa ka yano nga script aron sa pagluwas sa mga buluhaton sa localStorage.
    • Idugang ang usa ka sumpay sa jQuery sa sa imong dokumento.