userEditableContent: Teks Artikel Bisa di Edit Langsung

userEditableContent: Teks Artikel Bisa di Edit Langsung - Pada beberapa sistem CMS, memungkinkan pengguna untuk langsung mengedit teks atau tulisan pada halaman artikel blog sehingga mereka dapat melihat hasil dari perubahan tersebut atau dengan kata lain artikel tersebut bisa di edit langsung oleh orang lain. Salah satu situs yang memiliki pengeditan artikel secara langsung adalah Wikipedia, disana kita bisa mengganti artikel yang ada agar lebih sempurna. Bagaimana dengan Blogger? Bisakah teks artikel di edit langsung?

Jika didalam Blogger memiliki fitur userEditableContent yaitu sebuah fitur yang bisa mengedit teks atau artikel secara langsung, maka itu adalah sesuatu yang mungkin diharapkan oleh para blogger, yang tentunya juga tidak diperlukan akses langsung atau sebatas sebagai admin atau penulis blog yang di undang melalui email, yang selama ini dilakukan. Dan untuk menggunakan fitur userEditableContent ini ada akses tersendiri. Lalu bagaimana dengan Blogger, apakah bisa? Tentu masih bisa namun hanya sekedar bisa dilakukan tanpa bisa menyimpan hasil dari pengeditan pada teks atau artikel tersebut

Namun, jika menggunakan trik tertentu, tentu penggunaan userEditableContent juga bisa dilakukan pada Blogger dan bisa disimpan langsung! Caranya? Nah, kalau caranya saya juga tidak tahu :) Tapi untuk cara sederhananya masih bisa dilakukan secara langsung tanpa adanya penyimpanan hasil --- Untuk Demonya silahkan ikuti pentunjuk diatas

Untuk menampilkann konten seperti diatas, hanya diperlukan properti -user-modify yang akan mengubah elemen yang memungkinkan pengguna untuk mengedit teks artikel atau gambar dan properti ini hampir bekerja pada semua browser. Untuk penggunaan -user-modify, ada ketentuan khusus agar teks atau artikel bisa di edit, yaitu;

-webkit-user-modify: read-only | read-write | read-write-plaintext-only
-moz-user-modify: read-only | read-write | write-only

Keterangan:
read-only - Pengaturan default dan tidak akan memungkinkan pengguna untuk mengedit teks artikel atau gmabar
read-write - Pengaturan yang memungkinkan pengguna untuk menulis atau mengedit teks artikel atau gambar
read-write-plaintext-only - Pengguna dapat menimpa konten tetapi hanya teks biasa sehingga jika Anda paste apa pun di sini format akan hilang

Penggunaan:
Silahkan gunakan kode berikut ini untuk menerapkan user modify pada teks atau artikel
<div class="userEditableContent">
<p style="-webkit-user-modify:read-write;-moz-user-modify:read-write;">
Silahkan Ganti Tulisan Ini Sesukan Anda</p>
</div>

Demo:
Artikel Ini Bisa Dihapus, Silahkan Dihapus dan Isi Sesuai Dengan Keinginan Anda. Tapi Ingat, Tidak Bisa Dilakukan Penyimpanan
Petunjuk : Klik pada area artikel, dan hapus..

Namun sayang, untuk melakukan agar teks artikel bisa di edit langsung, tips di artikel ini tidak bisa dilakukan pada Blogger :)