Nggunakake Attribute sing Diedit Content
Nggawe teks ing situs web sing bisa disunting dening pangguna luwih gampang tinimbang sampeyan bisa nyana. HTML nyedhiyakake atribut kanggo waé iki: contenteditable.
Atribut isi sing dikawruhi kasebut pisanan dikenalaké ing 2014 kanthi peluncuran HTML5 . Iku nemtokake manawa isi sing diatur bisa diganti dening pengunjung situs saka ing browser.
Dhukungan kanggo Atribut Ati-ati
Paling gedhé desktop browser ndhukung atribut.
Iki kalebu:
- Chrome 4.0 lan munggah
- Internet Explorer 6 lan ndhuwur
- Firefox 3.5 lan munggah
- Safari 3.1 lan munggah
- Opera 10.1 lan ndhuwur
- Microsoft Edge
Padha uga kanggo paling browser seluler uga.
Cara Nganggo Edo
Mung nambah atribut menyang elemen HTML sing pengin sampeyan bisa disunting. Wis telung kemungkinan nilai: bener, salah lan warisan. Inherit minangka nilai default, sing artine unsur kasebut njupuk nilai saka tiyang sepahipun. Uga, elemen anak sing ana ing konten sampeyan sing anyar kang bisa diowahi bakal uga bisa diedit kajaba sampeyan ngganti angka sing salah. Contone, kanggo nggawe unsur DIV kang bisa diedit, gunakake:
Nggawe Listable To-Do List Kanthi Edo Sunting
Isi sing bisa disunting nggawe pangertèn paling nalika sampeyan masangake karo panyimpenan lokal, supaya isi tetep ana ing antarane kunjungan lan kunjungan situs.
- Bukak kaca sampeyan ing editor HTML.
- Nggawe dhaptar sing ora ditemtokake, tanpa wates sing dijenengi myTasks :
- Sawetara tugas
- Tugas liyane
- Sawetara tugas
- Nambah atribut isi sing bisa didandani menyang
- elemen:
Sampeyan saiki kudu nggawe dhaptar sing bisa diedit-nanging yen sampeyan nutup browser utawa ninggalake kaca, dhaptar bakal ilang. Solusi: Tambah naskah sing prasaja kanggo nyimpen tugas menyang localStorage. - Tambahake pranala menyang jQuery ing saka dokumen sampeyan.