Notion-Clone: Open-Source-Klon des Notion-Editors

 (github.com)
10 Punkte von xguru 2020-11-13 | 2 Kommentare | Auf WhatsApp teilen
  • Einige Funktionen von Notion wurden mit Next.js, React.js und Express.js umgesetzt

Editor

  • Blockweises Bearbeiten

  • Slash-Command (mit / den Blocktyp ändern)

  • Unterstützung für die Eingabe von HTML-Tags

  • Bild-Upload (/image)

  • Reihenfolge der Blöcke per Drag-and-Drop ändern

Server

  • Unterstützung für Bearbeitung als Gast

  • Funktionen zur Benutzerverwaltung

  • Job-Scheduling (Löschen ungenutzter Konten und Seiten)

Verwandte Beiträge

2 Kommentare

 
xguru 2020-11-13

Es gibt wirklich sehr viele Web-WYSIWYG-Editoren … aber es ist gar nicht so leicht, genau den zu finden, der einem wirklich zusagt.

Früher hatte ich einmal alle relevanten Open-Source-Editoren gesammelt und aufgelistet, daher bringe ich die Liste hier noch einmal mit.

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. Ein Open-Source-Editor, erstellt von Hong Young-taek, an dem viele Koreaner mitarbeiten

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. Speichert Ergebnisse als JSON

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, ein Editor mit kollaborativer Bearbeitung

Gutenberg : https://wordpress.org/gutenberg/ - Der Editor von 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/ - Ein in React geschriebener Open-Source-WYSIWYG-Editor https://de.news.hada.io/topic?id=1625
 
misolab 2020-11-14

Danke.