Draft.js, Library JavaScript Untuk Membuat Text Editor

Facebook lagi-lagi membuat project open source yang tak kalah menarik, yakni bernama Draft.js. Adalah sebuah library untuk membuat Text Editor "WYSIWYG" dari nol sehingga kita bisa customize sesuka hati. Namun sayang, saat ini Draft.js hanya diperuntukan untuk aplikasi React saja, tapi tidak menutup kemungkinan library ini bisa dipakai untuk lebih banyak platform. Draft.js diperkenalkan pada February 2016, saat ini baru sampai versi 0.10.

Untuk menginstal Draft.js, kita bisa menggunakan npm.

Karena Draft.js support unicode, jadi kita perlu memasukan tag meta di dalam tag head.

Kemudian, setelah itu kita import dalam dokumen React. Ada 3 method, yakni Editor - sebagai editornya, EditorState - object yang dirender dalam editor dan RichUtils - untuk menghandle key commands seperti Ctrl + B (bold), Ctrl + i (italic) dan sebagainya.

Setelah itu, kita buat tombol-tombol untuk toolbar, seperti bold, italic, underline, h1, h2, h3 dst. Jangan lupa setiap tombol memiliki method handle.

Situs: http://draftjs.org/