npmでsimplemdeを使う

この記事はQiitaに書いていた自身の記事のコピーです。

簡単に組み込めるマークダウンエディタとして紹介されてる記事がいくつか上がってるライブラリ。
便利そうです。


目次

npm経由で使おうとした

1
npm i simplemde
1
2
3
import SimpleMDE from 'simplemde'

const simplemde = new SimpleMDE()

ら、
x
崩れた。

どうみてもスタイルがあたってない。

対処:直接CSSをimportする

1
2
3
4
import SimpleMDE from 'simplemde'
import 'simplemde/dist/simplemde.min.css'

const simplemde = new SimpleMDE()

o
本当に一瞬で実装できました。
esaあたりで見覚えあるこの画面。

おすすめです。