Creați pagini web care pot fi editate

Pentru a crea aplicații web necesare pe internet, necesită software separat instalat pe computer. Una dintre funcțiile care se poate face - pentru a edita conținutul unei pagini web. Este foarte simplu, cu acest atribut ca sontenteditable.

Creați pagini web care pot fi editate

Caracteristica sontenteditable nu noi, a fost introdus pentru prima dată din nou în Internet Explorer 5.5 și este susținută de Chrome, Firefox (3). Opera (9) și Safari (3). Singurul loc în cazul în care acest atribut nu este de lucru este vechi browsere mobile, cum ar fi IOS 4, dar cei mai mulți utilizatori de astăzi au mai recente IOS 5-a sau a 6-a generație în cazul în care acest atribut este deja acceptată. Cu toate acestea, este văzut ca un puțin cunoscut, pentru că nu a fost pe specificația HTML până la HTML5. Cu toate acestea, dacă îl folosiți în HTML4, va funcționa perfect.

Cum să utilizați contenteditable

Acest atribut este foarte ușor de utilizat. Atunci când adăugați un atribut sontenteditable element browser-ul îl face disponibil pentru editare în fereastra browser-ului. De exemplu, pentru a face un element DIV care se pot modifica v-ar scrie:

Cu toate că puteți alege să nu = «true» și în loc de adevărată indică o valoare nulă (contenteditable = «») sau nu scrie (contenteditable). În plus, acest atribut poate lua valorile contenteditable = «false», ceea ce înseamnă că elementul nu este disponibil pentru editare și
contenteditable = «moștenesc», ceea ce înseamnă că elementul poate fi editat, în cazul în care societatea-mamă imediat disponibilă pentru editare.

Creați un exemplu simplu, cu contenteditable în browser-ul dvs.



3. Se adaugă sontenteditable atributul elementului ul:

    După ce ați făcut acest lucru, aveți deja o listă care poate fi editat. Dar, dacă închideți browserul sau dezlipesc de pagină, o listă de cazuri vor dispărea pur și simplu. Pentru a salva, trebuie să adăugați un simplu script LocalStorage.

    4. Adăugați un link către JQuery și HEAD a documentului nostru

    Este de preferat să se folosească biblioteca Google CDN, dar puteți utiliza CDN, care vă place.

    5. În partea de jos a paginii, chiar deasupra «/ body» tag-ul adăuga script-ul:

    Acesta este începutul lectură funcție jQuery care spune browser-ul pentru a descărca un script atunci când documentul este complet încărcată. O astfel de metodă de proiectare este utilizat pe site-ul butik-vera.ru, în cazul în care puteți cumpăra jachete de femei on-line pentru iarna cu livrare la domiciliu.

    6. Adăugați sarcina script descărcare în localStorage într-o funcție de document de citire și de a primi orice sarcini stocate acolo:

    HTML pentru întreaga pagină este după cum urmează:



    Începeți să tastați în lista dvs., iar browser-ul îl va păstra pentru tine. Când reîncărcați va fi în continuare aici.