Відображення математичних виразів з Mathjax
Налаштуємо можливість відображення математичних виразів на сайті за допомогою MaxJax - бібліотеки JavaScript з відкритим кодом для LaTeX, MathML, та AsciiMath.
- Спочатку додамо посилання на бібліотеку MathJax із cdn в наш html.
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
- Якщо ми використовуємо 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$
- За посиланням можна знайти приклади запису математичних виразів на MathJax.