Berbagi trik dan tutorial bagaimana cara melakukan penyimpanan (Save As) Fitur baru dari HTML5 yaitu local storage akan berperan penting dalam hal ini! Adapun sarana yang akan dipakai adalah browser engine. Singkat cerita kita akan mengefisiensikan fungsi dari browser yg kita punya untuk dijadikan penyimpanan file. File dapat berupa .txt, .html, or etc.Apakah sobat masih ingat dengan trick <html contenteditable> Syntax tersebut adalah cara tercepat merubah mesin browser menjadi simple editing editor atau notepad in browser. Dengan melakukan pencet tombol Ctrl + S, sobat sudah dapat menyimpan data dengan ekstension .html
Berikut beberapa lists yg sobat bisa kunjungi untuk belajar:
- Downloadify Sebuah javascript + flash perpustakaan kecil yang memungkinkan penciptaan dan men-download file teks tanpa interaksi server. github.com/dcneiner/Downloadify
- a[download] 'Buat file' menciptakan sebuah file txt dari konten daerah contenteditable. Hal ini dilakukan dengan menggunakan window.URL.createObjectURL (). File yang dihasilkan dapat diberi nama dan disimpan ke komputer pengguna dengan menetapkan download atribut pada link. html5-demos.appspot.com/static/a.download.html - updates.html5rocks.com/2011/08/Saving-generated-files-on-the-client-side
- Saving generated files on the client-side FileSaver.js memungkinkan Anda menyimpan kanvas langsung dan memberi mereka nama file, yang sangat berguna untuk mengedit HTML5 gambar, teks, dan rich text. eligrey.com/blog/post/saving-generated-files-on-the-client-side - eligrey.com/demos/FileSaver.js
- Save/download data generated in JavaScript hackworthy.blogspot.com/2012/05/savedownload-data-generated-in.html
- HTML5 localStorage Menyimpan data dalam browser dengan HTML5 localStorage API. toddmotto.com/storing-data-in-the-browser-with-the-html5-local-storage-api
- Javascript to save Textarea as a txt file Sebuah proyek memungkinkan kita untuk menyimpan (download) isi bidang bentuk (dalam hal ini textarea) sebagai file ke komputer atau local-storage, dengan mengambil keuntungan dari HTML5 Blob object. runnable.com/U5HC9xtufQpsu5aj/use-javascript-to-save-textarea-as-a-txt-file
- Loading, Editing, and Saving a Text File in HTML5 Using Javascript HTML dan kode JavaScript yang menggunakan beberapa fitur HTML5 (khususnya "Blob" objek, File API, dan "download" atribut "a" tag) untuk memungkinkan pengguna agar dapat memuat, mengedit, dan menyimpan file teks di komputer lokal mereka. thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip
- Benar-benar sederhana.
- Menyimpan semua data di browser localStorage
- Tidak ada separate 'edit mode' seperti kebanyakan wiki. Halaman langsung bisa diedit.
- Bekerja dengan baik pada mobile dan desktop.
- Dukungan navigasi browser (back/forward/bookmark etc.)
- Menyimpan semua data secara lokal pada perangkat.
- Navigasi keyboard.
- Bekerja secara offline.
Tidak ada komentar:
Posting Komentar