Notion-Clone: Notion editörünün açık kaynaklı klonu
(github.com)- Notion’un bazı özellikleri Next.js + React.js + Express.js vb. ile uygulanmış
Editör
-
Blok düzeyinde düzenleme
-
Slash komutu (
/yazarak blok türünü değiştirme) -
HTML etiketi girişi desteği
-
Görsel yükleme (
/image) -
Sürükle ve bırak ile blok sırasını değiştirme
Sunucu
-
Misafir düzenleme desteği
-
Kullanıcı yönetimi özellikleri
-
İş zamanlama (kullanılmayan hesapları ve sayfaları silme)
2 yorum
Web WYSIWYG editörleri gerçekten çok fazla çıkıyor ama tam içime sinen bir tanesini bulmak zor olabiliyor.
Daha önce ilgili editör açık kaynaklarını topluca derlemiştim, onu getirdim.
SummerNote: https://summernote.org - Bootstrap üzerinde Super Simple WYSIWYG Editor. Hong Young-taek tarafından yapılmış, birçok Korelinin katkı verdiği açık kaynak editör
Quill: https://quilljs.com - API odaklı bir zengin metin editörü
Slate: https://www.slatejs.org - Zengin metin editörleri oluşturmak için tamamen özelleştirilebilir bir framework
Trumbowyg: https://alex-d.github.io/Trumbowyg - Hafif bir WYSIWYG editörü
ContentTools: http://getcontenttools.com - Güzel ve küçük bir içerik editörü
Squire: https://github.com/neilj/Squire - HTML5 zengin metin editörü
Editor.js: https://codex.so/editor - Yeni nesil blok tarzı editör. Çıktıyı JSON olarak kaydeder
ProseMirror: https://prosemirror.net/ - Web üzerinde zengin metin editörleri oluşturmak için bir araç takımı, ortak düzenleme yapabilen editör
Gutenberg : https://wordpress.org/gutenberg/ - WordPress editörü
webiny : https://www.webiny.com/ - Serverless Web Development için CMS
GrapesJS : https://grapesjs.com/ - Web Builder Framework
Craft.js : https://github.com/prevwong/craft.js - Genişletilebilir sürükle-bırak sayfa editörleri oluşturmak için bir React framework'ü
Draft.js : https://draftjs.org/ - React için zengin metin editörü framework'ü
Outline Rich MarkDown : https://github.com/outline/rich-markdown-editor
Edtr.io : https://edtr.io/ - React ile yazılmış açık kaynak WYSIWYG editörü https://tr.news.hada.io/topic?id=1625
Teşekkür ederim