Notion-Clone: clon open source del editor de Notion

 (github.com)
10 puntos por xguru 2020-11-13 | 2 comentarios | Compartir por WhatsApp
  • Implementa algunas funciones de Notion con Next.js + React.js + Express.js, entre otras tecnologías

Editor

  • Edición por bloques

  • Comando slash (escribe / para cambiar el tipo de bloque)

  • Soporte para ingresar etiquetas HTML

  • Carga de imágenes (/image)

  • Cambiar el orden de los bloques con arrastrar y soltar

Servidor

  • Soporte de edición como invitado

  • Funciones de administración de usuarios

  • Programación de tareas (eliminación de cuentas y páginas sin uso)

Lecturas relacionadas

2 comentarios

 
xguru 2020-11-13

Realmente salen muchísimos editores web WYSIWYG... pero sí que ha sido difícil encontrar uno que me convenza del todo.

Antes había recopilado todos los editores open source relacionados, así que lo traje aquí.

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. Un editor open source creado por Hong Young-taek, con la participación de muchas personas de Corea.

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 edito. Guarda el resultado en JSON

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, editor con colaboración en tiempo real

Gutenberg : https://wordpress.org/gutenberg/ - El editor 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/ - Editor WYSIWYG open source escrito en React https://es.news.hada.io/topic?id=1625
 
misolab 2020-11-14

Gracias