Notion-Clone: clone open source do editor do Notion

 (github.com)
10 pontos por xguru 2020-11-13 | 2 comentários | Compartilhar no WhatsApp
  • Implementa alguns recursos do Notion com Next.js + React.js + Express.js etc.

Editor

  • Edição em blocos

  • Comando de barra (/ para mudar o tipo de bloco)

  • Suporte à inserção de tags HTML

  • Upload de imagem (/image)

  • Alteração da ordem dos blocos com arrastar e soltar

Servidor

  • Suporte à edição como convidado

  • Função de gerenciamento de usuários

  • Agendamento de tarefas (exclusão de contas e páginas não utilizadas)

Leituras relacionadas

2 comentários

 
xguru 2020-11-13

Existem realmente muitos editores WYSIWYG para web... mas é difícil encontrar um que agrade exatamente.

Eu já tinha organizado antes vários editores open source relacionados, então trouxe a lista aqui.

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. Editor open source criado por Hong Young-taek, com participação de muitos coreanos

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. Salva o resultado em JSON

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, editor com colaboração em tempo real

Gutenberg : https://wordpress.org/gutenberg/ - O editor do 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 feito com React https://pt.news.hada.io/topic?id=1625
 
misolab 2020-11-14

Obrigado.