Membuat Browser Menjadi Text Editor

30/06/2014    Aulia Rahmah Alhafidz    3274    Website

Halo semua apa kabar? Semoga baik-baik saja dan tetap semangat ya! Menjadikan browser sebagai text editor seperti notepad mungkin tidak bisa, tetapi ternyata kita bisa membuatnya dengan sedikit script html. Langsung buat yuk!

Langkah 1 : Buat script html seperti berikut ini

Langkah 2 : Save dan jalankan browser. Sekarang kita bisa mengetik di halaman browser tersebut.

Langkah 3 : Save hasil tulisan dan hasilnya merupakan file html.

Karena masih terlihat biasa saja, sekarang kita modifikasi text editor tersebut. Inilah beberapa contohnya :

1. Seperti Sublime Text

See the Pen vgwCl by Dumet_School (@dumet_school) on CodePen.

2. Seperti Diary / Notes

See the Pen jpxGF by Dumet_School (@dumet_school) on CodePen.

3. Transisi Warna Ketika Sedang Mengetik

See the Pen DKEym by Dumet_School (@dumet_school) on CodePen.

Bagaimana? Menarik bukan? Jika lebih kreatif, kita bisa membuat yang lebih keren dari ini. Semoga bermanfaat ya :)

No data.