Edtr.io - Reactで書かれたオープンソースのWYSIWYGエディタ

• ブロック単位のドラッグ＆ドロップが可能

• Reactコンポーネントを使ったプラグイン構造でカスタマイズ可能

• リッチテキストエディタ部分にはSlateを使用

[xguru]

エディタのオープンソースは、単純なテキストエディタからCMSレベルのコンテンツ作成ツールまで本当に種類が多くて多様ですが、まだまだ出てきますね。

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 edito. 結果を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