Notion-Clone : le clone open source de l’éditeur de Notion

 (github.com)
10 points par xguru 2020-11-13 | 2 commentaires | Partager sur WhatsApp
  • Implémente certaines fonctionnalités de Notion avec Next.js + React.js + Express.js, entre autres

Éditeur

  • Édition par blocs

  • Commande slash (saisir / pour changer le type de bloc)

  • Prise en charge de la saisie de balises HTML

  • Téléversement d’images (/image)

  • Réorganisation de l’ordre des blocs par glisser-déposer

Serveur

  • Prise en charge de l’édition en mode invité

  • Fonctionnalités de gestion des utilisateurs

  • Planification de tâches (suppression des comptes et pages inutilisés)

À lire aussi

2 commentaires

 
xguru 2020-11-13

Il existe vraiment énormément d’éditeurs web WYSIWYG… mais ce n’est pas facile d’en trouver un qui convienne parfaitement.

J’avais déjà rassemblé auparavant les projets open source liés à ce type d’éditeur, donc je les remets ici.

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. Un éditeur open source créé par Hong Young-taek, avec la participation de nombreux Coréens

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. Enregistre le résultat en JSON

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, éditeur permettant l’édition collaborative

Gutenberg : https://wordpress.org/gutenberg/ - L’éditeur de 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/ - Éditeur WYSIWYG open source écrit en React https://fr.news.hada.io/topic?id=1625
 
misolab 2020-11-14

Merci.