Menggunakan Atribut yang Boleh Diperbodakan
Membuat teks di laman web yang boleh diedit oleh pengguna adalah lebih mudah daripada yang anda harapkan. HTML menyediakan atribut untuk tujuan ini: boleh edit kandungan.
Atribut yang boleh diubah suai mula-mula diperkenalkan pada tahun 2014 dengan pembebasan HTML5 . Ia menentukan sama ada kandungan yang dikawalnya itu boleh ditukar oleh pengunjung tapak dari dalam pelayar.
Sokongan untuk Atribut yang Boleh Diperbaharui
Kebanyakan penyemak imbas desktop moden menyokong atribut.
Ini termasuk:
- Chrome 4.0 dan ke atas
- Internet Explorer 6 dan ke atas
- Firefox 3.5 dan ke atas
- Safari 3.1 dan ke atas
- Opera 10.1 dan ke atas
- Microsoft Edge
Begitu juga bagi kebanyakan penyemak imbas mudah alih.
Bagaimana Menggunakan Kandungan yang boleh diedit
Cuma tambahkan atribut ke elemen HTML yang ingin anda edit. Ia mempunyai tiga nilai yang mungkin: benar, palsu dan mewarisi. Pewarisan adalah nilai lalai, yang bermaksud bahawa elemen mengambil nilai induknya. Begitu juga, elemen kanak-kanak kandungan anda yang baru boleh diedit juga akan diedit melainkan jika anda menukar nilai mereka kepada palsu. Sebagai contoh, untuk membuat elemen DIV disunting, gunakan:
Buat Senarai Boleh Dicipta Boleh Diubah oleh Kandungan
Kandungan yang boleh diedit menjadikan yang paling masuk akal apabila anda memasangkannya dengan storan setempat, jadi kandungan itu tetap berlaku antara sesi dan lawatan tapak.
- Buka halaman anda dalam editor HTML.
- Buat senarai terperinci dan tidak teratur yang dinamakan myTasks :
- Sesetengah tugas
- Satu lagi tugas
- Sesetengah tugas
- Tambah atribut yang boleh diedit ke elemen
- :
Anda kini mempunyai senarai tugasan yang boleh diedit-tetapi jika anda menutup penyemak imbas anda atau meninggalkan halaman, senarai anda akan hilang. Penyelesaiannya: Tambah skrip mudah untuk menyelamatkan tugas ke localStorage. - Tambah pautan ke jQuery di dokumen anda.