Notion-Clone: Notion editörünün açık kaynaklı klonu

 (github.com)
10 puan yazan xguru 2020-11-13 | 2 yorum | WhatsApp'ta paylaş
  • 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)

İlgili okumalar

2 yorum

 
xguru 2020-11-13

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
 
misolab 2020-11-14

Teşekkür ederim