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/

26 Februari 2017

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat