Как написать уравнения в html?
Я хочу написать какое-то сложное математическое уравнение на своей веб-странице. Есть ли плагин или что-нибудь для этого?
7 ответов
попробуйте mathjax http://www.mathjax.org/ . Лично я нахожу его очень хорошим.
для сложных уравнений, MathJax является текущим практическим решением. MathML является более структурным подходом в принципе, но поддержка браузера довольно ограничена и часто сомнительного качества.
однако сложность относительна. Для некоторых людей, E = mc2 или ∂/∂t + v ⋅ ∇ может быть сложным, и такие конструкции могут быть написаны довольно хорошо, используя только HTML с некоторыми помощь от CSS; см. мою страницу математика в HTML (и CSS).
Если вы не хотите реализовывать JavaScript в своем HTML, вы можете использовать инструмент редактора уравнений CodeCogs (http://www.codecogs.com/latex/about.php).
Это очень простой в использовании. Все, что вы делаете, это использовать интерфейс кнопки, чтобы написать уравнение и ссылка HTML изображение сразу генерируется. При запуске HTML-кода изображение будет сгенерировано на серверах CodeCogs и реализовано на вашем сайте. Это очень удобный инструмент.
пример использования mathjax
:
загрузите cdn: (обязательно укажите ?config=
опция, поскольку она не входит в рекомендуемая cdn ссылка - default
работает просто отлично):
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=default'></script>
затем внутри вашего html просто оберните уравнение внутри $$ {equation here} $$
например $$ {J(\theta) =\frac{1}{2m} [\sum^m_{i=1}(h_\theta(x^{(i)}) - y^{(i)})2 + \lambda\sum^n_{j=1}\theta^2_j} $$
и он должен отображаться как уравнение просто отлично на странице.
Я знаю, что это немного поздно. Но хотелось бы упомянуть о jqMath который я лично нашел проще и намного легче, чем MathJax.
подробности здесь:https://mathscribe.com/author/jqmath.html
файлы можно загрузить из https://mathscribe.com/downloads/mathscribe-win-0.4.6.zip
для этого
- распакуйте загруженный файл
- найти файлы jqmath-и т. д.-0.4.6.минута.js и jqmath-0.4.3.в CSS, и включите их в свой html
- убедитесь, что ваш html имеет
<meta charset="utf-8">
на . - также включают jQuery перед использованием этих.
теперь вы можете писать математические уравнения и формулы в HTML или веб-страницы.
посетите приведенную выше ссылку, чтобы узнать больше о том, как писать математические формулы с помощью jqMath.