TyporaやNotionみたいなUIで作りたい

とはいえめんどくさそうならもうちょっと簡素でも良い

Notionどうなってんの

Notionはcontenteditable要素を駆使してなんやかんやしてるみたい
見た目を一番自由にできそうだけどそれ以上にこいつの動作の面倒を見てやるのがしんどそうではある

参考: https://medium.com/swlh/how-to-build-a-text-editor-like-notion-c510aedfdfcc

見つけたよさげなエディタ実装系のライブラリ

今回はVue or Svelteで実装したいのでそのへんで使えそうな子達

• tui.editor
• Vue2Editor
• tiptap

tui.editorは一番目指すところに近そう
使い勝手も悪くなさそうか
Vue2EditorはMarkdownっていうかnoteみたいなエディターになるのかな
tiptapはエディターっていうかエディター作るためのフレームワークって感じだろうか
一番自由度は高そうでアプリの個人開発には使いやすそうか

• Milkdown
  こういうのも見つけた
  見た目的には一番求めていたもの
  あと名前が可愛い

Milkdownくん

• TyporaのUIを目指している
• 開発が活発
• Vue3もSvelteも可
• ヘッドレスモードもあってカスタマイズ性🙆
• プラグイン前提の作りで拡張性🙆

最強では？

Milkdownくん最強っぽいので採用
以後公式ドキュメントなど読んでもむずかった部分などTipsがあれば追記する