【Mathjax】数式番号ホバーで表示されるtooltip

目次

はじめに

誰でも使いやすいようにGitHub経由でCDNに公開しています。

準備

Mathjaxの設定でtagsにamsを指定する必要があります。

<script>
  MathJax = {
    tex: {
      tags: "ams", // required for \label, \eqref and \ref to work
    },
  };
</script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" async></script>

その上で,下記のスクリプトをHTMLに含めればtooltipを表示させることができます。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/beginaid/mathjax-tooltip@main/tooltip.css" />
<script src="https://cdn.jsdelivr.net/gh/beginaid/mathjax-tooltip@main/tooltip.js"></script>

デモ

\begin{align}
a_{pq} = \frac{1}{(n_{p}-q)!} \lim_{x\to x_{p}} \frac{d^{n_{p}-q}}{dx^{n_{p}-q}} \left\{ (x-x_{p})^{n_{p}} \frac{P(x)}{Q(x)} \right\}
\label{eq:main}
\end{align}

ヘビサイドの展開定理における係数は,式($\ref{eq:main}$)で求められます。

  • 通常通りlabelとref/eqrefを使うだけでtooltipが表示される
  • 数式番号クリックで固定表示
  • いずれの場所でも固定表示後にクリックすると非表示化
シェアはこちらからお願いします!

コメント

コメントする

※ Please enter your comments in Japanese to distinguish from spam.

目次