Некоторое время назад мне понадобилось вставить математические формулы на один веб-сайт. Поковырявшись с CSS и JavaScript я понял, что задача не такая уж и тривиальная, как мне казалось изначально. Я начал поиски готового решения, которое нужно просто скачать, распаковать, залить на сервер и подключить, и в конечном итоге я нашёл такое решение.
Кроссбраузерная библиотека JavaScript под названием MathJax, использующая язык разметки LAΤΕΧ (произносится как латех), была этим решением. MathJax является свободным программным обеспечением, которое доступно по лицензии Apache. Скачать библиотеку можно на GitHub.com.
Для использования MathJax на сайте, библиотеку нужно подключить как простой JavaScript, предпочтительно в заголовке страницы. На CPA-master.com я, например, закачал MathJax в папку «mathjax» в корневой директории и код подключения выглядет так: <script type="text/javascript" async src="/mathjax/MathJax.js?config=TeX-AMS_CHTML"></script>. Если вам непонятно, как подключить библиотеку, ознакомьтесь с документацией на оффициальном сайте MathJax.org.
Как говорилось выше, MathJax использует коды LaTex. Кто с ними не знаком, на StackExchange.com есть соответствующий обзор. Я был знаком с LaTeX, так как мне приходилось его употреблять в универе. Так, например, выглядит код формулы для вырешивания аннуитета:$$Сумма\,кредита \times \frac { (1 + Ставка)^{Срок} \times Ставка }{ (1 + Ставка)^{Срок} - 1 }$$. MathJax обрабатывает этот код и выводит вместо него следующее:
$$Сумма\,кредита \times \frac { (1 + Ставка)^{Срок} \times Ставка }{ (1 + Ставка)^{Срок} — 1 }$$
На мой взгляд, это самое простое решение для вывода математических формул на сайте.
Понравился пост? Поделись в соцсетях и подписывайся на аккаунты в Twitter и Facebook!
