menu

Відображення математичних виразів з Mathjax

Налаштуємо можливість відображення математичних виразів на сайті за допомогою MaxJax - бібліотеки JavaScript з відкритим кодом для LaTeX, MathML, та AsciiMath.

  1. Спочатку додамо посилання на бібліотеку MathJax із cdn в наш html.
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
  1. Якщо ми використовуємо markdown то маємо змінити типовий розділювач з \(...\) на якийсь інший, наприклад, $.
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
      inlineMath: [ ['$','$']],
      displayMath: [ ['$$','$$']],
      processEscapes: true
    },
    "HTML-CSS": { availableFonts: ["TeX"] }
  });
</script>

Подвійний $$ як у $$ y = mx + b $$ відображатиме математичний вираз у новому рядку:

$$y = mx + b$$

а одинарний $ як у $y= mx + b$ у тому самому рядку: $y= mx + b$

  1. За посиланням можна знайти приклади запису математичних виразів на MathJax.