ReactMarkdown で数式書けるようにしたよ

ツイート
2021年07月24日
2021年07月25日

インストール

bash
yarn add remark-math rehype-katex

設定

js
import remarkMath from 'remark-math' import rehypeKatex from 'rehype-katex' import 'katex/dist/katex.min.css'
js
<ReactMarkdown ... rehypePlugins={[rehypeKatex]} remarkPlugins={[remarkMath]} />

書いてみる

$$ L = \frac{1}{2} \rho v^2 S C_L $$
L=12ρv2SCLL = \frac{1}{2} \rho v^2 S C_L
$ L = \frac{1}{2} \rho v^2 S C_L $

L=12ρv2SCLL = \frac{1}{2} \rho v^2 S C_L

NOTE: \rhoは、ギリシャ文字

$$ E = mc^2 $$
E=mc2E = mc^2

参考