Project Detail
Tiptap Docs Kit
Toolkit editor dokumen berbasis Tiptap untuk React yang menyediakan komponen rich text siap pakai dengan ekstensi dan styling yang dapat disesuaikan.
ReactTiptapTypeScriptNPM Package
Tiptap Docs Kit adalah paket npm (@zanwaar/tiptap-docs-kit) yang menyediakan kumpulan komponen dan ekstensi editor dokumen berbasis Tiptap untuk aplikasi React. Toolkit ini dirancang agar developer dapat menambahkan pengalaman menulis ala dokumen modern tanpa harus merakit konfigurasi editor dari nol.
1. Editor Rich Text Siap Pakai
- Menyediakan komponen editor yang langsung dapat dipasang ke dalam proyek React.
- Mendukung format teks umum seperti heading, bold, italic, list, blockquote, dan kode.
2. Berbasis Tiptap dan ProseMirror
- Dibangun di atas Tiptap, sehingga mewarisi fleksibilitas dan ekosistem ekstensi ProseMirror.
- Mudah diperluas dengan ekstensi tambahan sesuai kebutuhan aplikasi.
3. Komponen Modular dan Dapat Disesuaikan
- Struktur komponen dirancang modular agar developer bebas menyusun toolbar, menu, dan area konten.
- Styling dapat disesuaikan mengikuti desain aplikasi yang sudah ada.
4. Dukungan TypeScript
- Dilengkapi tipe data sehingga lebih aman digunakan pada proyek berbasis TypeScript.
- Memudahkan autocompletion dan deteksi kesalahan saat pengembangan.
5. Distribusi via NPM
- Tersedia di registry npm sehingga instalasi dan pembaruan dapat dilakukan melalui package manager standar.
- Cocok dipakai ulang di berbagai proyek tanpa menyalin kode secara manual.
Proyek ini bertujuan mempercepat pengembangan fitur editor dokumen pada aplikasi web dengan menyediakan fondasi yang rapi, dapat diperluas, dan siap diintegrasikan.