😆

vue3用のmarkdown Editorを探して...１日

2021/12/19に公開

そろそろ技術ブログを書いてみたい。

エンジニアとしての生活も2年目となり、それなりに力もついた、、、ように思う
今日この頃。
他の先輩エンジニアに倣い、自分もブログで発信して
初心者の役に立ちたい、、、あのころの自分のように(笑)

と思ってブログを作ることを考えた。

wordpressとか、フリーブログでええやん！って言われるかもしれないが、
一通り自分でつくりたい！
そんで何より、サーバーすら借りる代金が惜しい。
ので、私が今使える技術スタックは下記

＜フロントエンド＞
・vue.js
→　普通にwebアプリは作れる。コードはまだまだ汚いが、、、
・tailwindcss
→　Vuetifyをメインに使っていただが、tailwindcssの方がライトで
　カスタマイズしやすく、乗り換え中。なんとか画面はいける、、かな

＜バックエンド＞
・firebase
→　v9でauth,firestore,fireStorageが使える。

ということで、バックエンドはfirebaseに任せ
フロントエンドで管理画面までを含めた実装をすることに決めた。

リッチテキストエディタすら知らなかった(笑)
WYSIWYGという言葉は2日前に初めて見た。

最初に”vue2-editor”とかJavaScriptで有名な”quill”とかを導入してみた。

ということで、これらのライブラリの採用は見送り。
じゃあ、今度はmarkdown editorがないか調べた。
mavonEditorというのが、結構使い勝手がよさげだったので、
早速、使ってみることに。

ただ、vue3だとなぜか、エラーになる。
stackoverflowに質問出し見てみたけど、誰も答えてくれず、、、採用断念。

いきなり断念か、、、
と思ったがたまたま見つけた
その名も

ばっちり、vue3に対応(笑)
しかも12/6にローンチされたばかりのほやほや。

まあ、個人開発だし、一から色んなライブラリ使うよりはいい。
今後に期待し、インストールして使ってみたが
なかなか悪くないです。

今回はこのようなライブラリを採用する形になりましたが、
おススメのライブラリや方法がありましたら、コメントくださると
非常に助かります。