久しぶりに検索してみた。

• tinymce/tinymce: The world’s #1 JavaScript library for rich text editing. Available for React, Vue and Angular
  • 保存形式が良くわからない
• summernote/summernote: Super simple WYSIWYG editor
  • マークダウンではなくてHTMLで取り出す？
• Saul-Mirone/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework.
  • 良さそう。
• mycolorway/simditor: An Easy and Fast WYSIWYG Editor
  • 行やカラムの追加削除ができない？

以前調べていた時もMilkdownは候補に挙がっていて、Reactとか面倒だと思って不採用にしていた。

以前調べたマークダウンエディタ、codex-team/editor.jsは保存形式がJSONだったのであきらめたけど、JSONとマークダウンを相互変換できればやりたいことが実現できるのではないか？

マークダウン部分の入力に使うライブラリを探す。

markdown WYSIWYGをキーワードにnpmを検索した結果、

• outline/rich-markdown-editor: The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
  • 良さそうだけどArchivedになっててメンテナンスされてない？
• nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
  • プレビュー形式ではなくて、直接編集したい
• codex-team/editor.js: A block-styled editor with clean JSON output
  • 良さそう
• Saul-Mirone/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework.
  • テーブルの行列追加がワンクリックでできれば

ということで、editor.jsを試してみようと思う。