tkrdrkk.xyz

マークダウンについて

課題

microCMSにはリッチテキストエディタが標準装備されているが、あくまでHTMLエディタなので、本願であるMarkdownには対応していない。

なおかつHTMLを直接埋め込むのも避けたい。

採用した対応策

  • microCMS側では改行込みのプレーンテキストとする。
  • マークダウンエディタは(現状はとりあえず)用意せず、VSCodeとか直書きとかで対応する。
  • フロントでのレンダリングにはreact-markdownremark-gfmを使う。
  • ルートcssでtailwindのリセットがかかるため、別にmarkdown用のcssを用意し、コンポーネントのclass指定でスタイリングしている。