Notion-Clone : Notionエディタのオープンソースクローン

 (github.com)
10 ポイント 投稿者 xguru 2020-11-13 | 2件のコメント | WhatsAppで共有
  • Notionのいくつかの機能を Next.js + React.js + Express.js などで実装

エディタ

  • ブロック単位の編集

  • スラッシュコマンド（/ を入力してブロック種類を変更）

  • HTMLタグ入力をサポート

  • 画像アップロード（/image）

  • ドラッグ＆ドロップでブロック順序を変更

サーバー

  • ゲスト編集をサポート

  • ユーザー管理機能

  • ジョブスケジューリング（使われていないアカウントおよびページを削除）

関連記事

2件のコメント

 
xguru 2020-11-13

Web WYSIWYGエディタは本当にたくさん出ていますが……これだと思えるものを見つけるのはなかなか難しいですね。

以前、関連するエディタのオープンソースを一通り整理していたので持ってきました。

SummerNote: https://summernote.org - Super Simple WYSIWYG Editor on Bootstrap. ホン・ヨンテクさんが作り、多くの韓国の方々が参加しているオープンソースエディタ

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. 結果をJSONで保存

ProseMirror: https://prosemirror.net/ - A toolkit for building rich-text editors on the web, 共同編集可能なエディタ

Gutenberg : https://wordpress.org/gutenberg/ - 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/ - Reactで書かれたオープンソースWYSIWYGエディタ https://ja.news.hada.io/topic?id=1625
 
misolab 2020-11-14

ありがとうございます