マークダウンについて
課題
microCMSにはリッチテキストエディタが標準装備されているが、あくまでHTMLエディタなので、本願であるMarkdownには対応していない。
なおかつHTMLを直接埋め込むのも避けたい。
採用した対応策
- microCMS側では改行込みのプレーンテキストとする。
- マークダウンエディタは(現状はとりあえず)用意せず、VSCodeとか直書きとかで対応する。
- フロントでのレンダリングには
react-markdown
とremark-gfm
を使う。 - ルートcssでtailwindのリセットがかかるため、別にmarkdown用のcssを用意し、コンポーネントのclass指定でスタイリングしている。