Work Life Fun

KaTeXでインライン数式を表示する方法

※当サイトはリンクに広告ページが含まれている場合があります

KaTeXは、Webブラウザで$\LaTeX$の数学表記を表示するJavaScriptライブラリです。

同様のツールとして、MathJaxが有名ですが、KaTexの方が軽量・高速(KaTeXの公式サイトでレンタリングの速度結果の比較が掲載)ですし、表示結果も私の好みであるため、ブログやサイトでKaTeXを愛用しています。

公式サイトの方法では数式のインライン表示ができない

KaTexを利用するための方法は公式サイトのInstallationで紹介されていますが、これでは数式のインライン表示ができません。

インライン表示とは、$\sum_{i}x_{ij} = 2$のように文中で数式を示す書き方です。

対して、ディスプレイ表示は以下のように数式を文章と分けて1行で示す方法です。

$$\sum_{i}x_{ij} = 2$$

インライン表示のためにはJavaScriptの追記が必要

調べてみたら、「MathJaxからKaTeXに乗り換えた」でも同じ問題が指摘されているため、記事を参考に以下を追記してみたところ無事インライン表示ができました。

<script>
  document.addEventListener("DOMContentLoaded", function() {
    renderMathInElement(document.body, {delimiters: [
      {left: "$$", right: "$$", display: true},
      {left: "$", right: "$", display: false}]
    });
  });
</script>

公式サイトでも紹介されていた

今後のバージョンアップなどで表示方法が変更になる可能性もあるため、公式サイトで紹介されていないのは困るな・・・と思っていたら、

でちゃんと紹介されていました。

公式サイトをきちんと読まないとダメですね。。。

社労士のための「ほどほど」お悩み相談室

あなたのご質問・ご相談に、月1回、無料・本音で回答します。

ご質問・ご相談は、登録後に届くメールから送っていただけます。費用は一切かかりません。「お悩み相談室」というクローズドな場だからこそ、踏み込んだ内容の質問にも回答できます。

これまでに、こんなご質問・ご相談に回答してきました。

  • コンサル(3号業務)を主力業務にするには、どうすれば良いか?
  • どのようにして顧問料を上げれば良いか?
  • 営業が苦手で、新規の顧客獲得ができない
  • 業務をどう絞り込めば良いか?
  • 一人社労士のままで良いのか、人を雇うべきか?
  • 苦手・相性の悪い顧問先と、どう付き合うか?
  • 生成AIの時代、社労士は今後どう生き残るか?

なぜ、無料で同業の社労士からの相談に乗るのか?

それは「本当に顧客のために活動できる社労士仲間を増やしたい」からです。

私自身、社労士という資格に誇りを持っています。企業からの社労士に対する不満をよく聞きますし、「社労士なんて役に立たない」と思われることは、正直悔しいです。

  • 信頼される・信頼できる社労士の仲間を増やしていきたい

そんな想いから、少しでも社労士業界全体のレベルアップに貢献できればと考えています。

    登録は無料・月1回配信・配信解除いつでも可能
    ※ 登録後、本人確認のメールをお送りします。届かない場合は迷惑メールフォルダもご確認ください。


    up_line