01
Kinkin Editor
Đang phát triểnTrình soạn thảo kiểu Notion, thả vào app React là chạy
Từ 09/2026 · bản 0.6.1
Làm dự án nào cũng tới đoạn "app cần chỗ để gõ nội dung", rồi lại ngồi ráp Tiptap từ đầu thêm một lần nữa. Nên mình gói luôn thành thư viện: cài một câu lệnh, import vào, là có ngay một editor gõ như Notion.
Gõ dấu / ra menu lệnh, kéo thả để đổi thứ tự khối, có bảng, ảnh, emoji, chia 2–4 cột. Dán markdown vào thì thành nội dung có định dạng, lấy ra cũng là markdown - không khoá dữ liệu của bạn trong một định dạng lạ nào cả.
Dành cho anh em dev React đang cần một editor tử tế mà không muốn ngồi ráp Tiptap từ số 0.
- Cài một câu lệnh npm là xong: không phải khai báo 21 gói Tiptap, không cần dựng provider, không đụng tới cấu hình Tailwind sẵn có của bạn.
- Panel AI Assist viết tiếp, tóm tắt, sửa chính tả, rút gọn, đổi giọng văn hay dịch - chữ chảy ra từng chữ, và bạn tự cắm LLM nào cũng được.
- Toàn bộ CSS nằm gọn trong một lớp riêng, kể cả menu và tooltip, nên style của thư viện không bao giờ đè lên style sẵn có của app bạn.
- Có bản dựng chỉ để hiển thị nội dung đã lưu, nhẹ hơn hẳn vì không kéo theo cả bộ editor.
- README có sẵn tiếng Việt, cùng tám thứ tiếng khác. Types TypeScript đi kèm, chạy được React 18 lẫn 19.
Cái editor mình đang gõ mấy bài blog trên trang này chính là nó. Có gì hư là mình biết trước tiên.
- React 19
- TypeScript
- Tiptap 3
- ProseMirror
- Tailwind CSS
- Vite