📐

MathJaxでLaTeXをsvgに変換する

2022/11/01に公開

ちょっと詰まったので備忘録を残します．

MathJaxの導入

<script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"</script>

サンプルに従ってスクリプトを読み込みます．

MathJax = {
    startup: {
        typeset: false
    }
};

設定はMathJaxオブジェクトにコンフィグを代入するみたい．MathJaxのドキュメント

function render() {
  const container = MathJax.tex2svg(input.value);
  const [svg] = container.children;
  output.replaceChildren(svg);
}

MathJaxはsvgをdivで包んだ形で返してくるので, svgを取り出してやる必要があります．
ここではinputから入力を取り出し，レンダリングしたsvgをoutputの子に入れ替えています．

ここで作成したプログラムを公開しておきます．