Вставка формул на Web-страницу с MathJax.


Сегодня на моём сайте стали доступны отображения математических формул(Хотел бы я рассказать, как я это сделал, пока не забыл). Ну, а если не знаете, на веб-странице формулы просто так не появляются. Их сложно написать с помощью СSS, HTML или на других языках программирования. Может вы старались как-то это сделать, но у вас не получалось, я думаю вам будет интересно прочитать эту статью.

Что ж, приступим. Чтобы преобразовать Latex текст в формулу, вам нужно подключить следующую библиотеку:

Связка с MathJax

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

Появляется вопрос "Что такое Latex".(Погуглите). Latex - это текст, который облегчает набор сложных документов. В нашем случае мы берём Latex текст, а MathJax нам красиво отображает этот текст в виде формул.

Возникает другой вопрос "Откуда брать Latex-текст формул". Чтобы его получить, заходите в Office Word. Составьте формулу и переведите на его на Latex(у меня Word 2020: Раздел "Уравение" => Latex ). Скопируйте его. Вы получили Latex-код. Ура! На примере я взял формулу нахождения рассояние между точками. Latex-код должен находится между

 $$ ... $$  или   \[....]\  

К примеру: a\neq0. Формула, которая должна получится a != 0

$$ a\neq0 $$ или \[   a\neq0   ]\
				

Добавляем Latex формулу

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
$$  \sqrt{\left(x_1-x_2\right)_{\ \ \ +\ \ \ }^2\left(y_1-y_2\right)^2} $$

$$ \sqrt{\left(x_1-x_2\right)_{\ \ \ +\ \ \ }^2\left(y_1-y_2\right)^2} $$ Надеюсь, у вас тоже получилось. Вы также можете менять размер шрифта формулы, ставить пробелы, табы между формулами.

Как менять размеры шрифта формул в MathJax

\Huge 
\huge 
\LARGE 
\Large 
\large 
\normalsize (размер по умолчанию) 
\small 
\footnotesize 
\scriptsize 
\tiny 
Пример использования в нашем примере. Допишем \Large после знака долларов.
$$  \Large \sqrt{\left(x_1-x_2\right)_{\ \ \ +\ \ \ }^2\left(y_1-y_2\right)^2} $$


\, - пробелы в MathJax
\quad - tab, небольшой отступ
				

Есть ошибки или есть идея лучше? Напишите в комментариях.


Чтобы написать комментарии вам нужно войти в систему или зарегистрируйтесь

Комментарии

2020-06-04 22:43:29
Спасибо. У меня всё получилось