Notion-Clone: Klon open source editor Notion

 (github.com)
10 poin oleh xguru 2020-11-13 | 2 komentar | Bagikan ke WhatsApp
  • Mengimplementasikan beberapa fitur Notion dengan Next.js + React.js + Express.js dan lainnya

Editor

  • Pengeditan berbasis blok

  • Perintah slash (masukkan / untuk mengubah jenis blok)

  • Mendukung input tag HTML

  • Unggah gambar (/image)

  • Ubah urutan blok dengan drag and drop

Server

  • Mendukung pengeditan Guest

  • Fitur manajemen pengguna

  • Penjadwalan job (menghapus akun dan halaman yang tidak digunakan)

Bacaan terkait

2 komentar

 
xguru 2020-11-13

Editor WYSIWYG web memang ada sangat banyak.. tapi memang sulit menemukan yang benar-benar cocok.

Dulu saya pernah merapikan semua editor open source terkait, jadi saya bawa lagi ke sini.

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. Editor open source yang dibuat oleh Hong Young-taek, dengan banyak kontributor dari Korea

Quill: https://quilljs.com - An API Driven Rich Text Editor

Slate: https://www.slatejs.org - A completely customizable framework for building rich text editors

Trumbowyg: https://alex-d.github.io/Trumbowyg - A lightweight WYSIWYG editor

ContentTools: http://getcontenttools.com - A beautiful & small content editor

Squire: https://github.com/neilj/Squire - HTML5 rich text editor

Editor.js: https://codex.so/editor - Next generation block styled editor. Hasil disimpan dalam format JSON

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, editor yang mendukung kolaborasi bersama

Gutenberg : https://wordpress.org/gutenberg/ - Editor milik WordPress

webiny : https://www.webiny.com/ - CMS for Serverless Web Development

GrapesJS : https://grapesjs.com/ - Web Builder Framework

Craft.js : https://github.com/prevwong/craft.js - A React Framework for building extensible drag and drop page editors

Draft.js : https://draftjs.org/ - Rich Text Editor Framework for React

Outline Rich MarkDown : https://github.com/outline/rich-markdown-editor

Edtr.io : https://edtr.io/ - Editor WYSIWYG open source yang ditulis dengan React https://id.news.hada.io/topic?id=1625
 
misolab 2020-11-14

Terima kasih