Вставка математических формул на веб-сайт

минута на чтение

Некоторое время назад мне понадобилось вставить математические формулы на один веб-сайт. Поковырявшись с 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!
Facebook Vk Ok LinkedIn Telegram Whatsapp

Похожие записи:

Сегодня разберем такую тему — почему вашему бизнесу нужен сайт. Зачем нужен сайт, как сайт помогает в развитии вашего бизнеса, какие задачи решает сайт. Здравствуйте, друзья! Почему вашему бизнесу нужен сайт. Где-то я читала такую фразу: «Если у вашего бизнеса сегодня нет хо...
Что такое установка счетчика посещаемости сайта, зачем он нужен и как его установить разберем в этой статье. Здравствуйте, друзья! После того, как вы создали сайт, можете по моей статье на блоге, нам нужно установить счетчик посещаемости на сайт. Действительно, зачем? Ус...
AJAX-запросы (асинхронный JavaScript и XML) используются в веб-разработке для подгрузки данных с сервера без обновления всей страницы. В Apex нет надобности мучаться с XMLHttpRequest, так как JavaScript API этой среды разработки предоставляет функционал для осуществления таких запросов. Также ес...