🧴ローション

Vue 3 で構築されたオープンソースの Notion UI。

デモを試す

7 月 27 日に開催される CityJS Singapore のプレカンファレンス ミートアップで、Lotion と Notion UI についてお話しします。

特徴

• [x] ブロックベースのエディタ
• [x] ドラッグしてブロックを並べ替える
• [x] 太字、イタリック体、見出し、仕切りを含む基本的な Markdown 解析
• [x] コマンド メニューとショートカットの場合は「/」と入力します

入門

1. このリポジトリのクローンを作成し、ルート ディレクトリに移動してパッケージをインストールします。

git clone https://github.com/dashibase/lotion
cd lotion
npm i

2.開発を実行

npm run dev

上のスクリーンショットのように見えるはずです。

3. 貢献しよう！

Lotion は今のところかなり制限されていますが、独自のエディターを構築しようとしている他の人々にとって良い出発点として役立つことを願っています.

Lotion をより拡張可能なものにしたいと考えており、提案や貢献を歓迎します!

謝辞

これは、次のライブラリとフレームワークではるかに簡単になりました。ありがとう!

• vue-ドラッグ可能-次へ
• tiptapとProseMirror
• ビューとバイト
• TailwindCSS