Как написать уравнения в html?

Я хочу написать какое-то сложное математическое уравнение на своей веб-странице. Есть ли плагин или что-нибудь для этого?

7 ответов


попробуйте mathjax http://www.mathjax.org/ . Лично я нахожу его очень хорошим.


для сложных уравнений, MathJax является текущим практическим решением. MathML является более структурным подходом в принципе, но поддержка браузера довольно ограничена и часто сомнительного качества.

однако сложность относительна. Для некоторых людей, E = mc2 или ∂/∂t + v ⋅ ∇ может быть сложным, и такие конструкции могут быть написаны довольно хорошо, используя только HTML с некоторыми помощь от CSS; см. мою страницу математика в HTML (и CSS).


вы можете попробовать это. Вид устаревший, поэтому не уверен, как это будет работать:

http://www.w3.org/Math/


Если вы не хотите реализовывать 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

для этого

  1. распакуйте загруженный файл
  2. найти файлы jqmath-и т. д.-0.4.6.минута.js и jqmath-0.4.3.в CSS, и включите их в свой html
  3. убедитесь, что ваш html имеет <meta charset="utf-8"> на .
  4. также включают jQuery перед использованием этих.

теперь вы можете писать математические уравнения и формулы в HTML или веб-страницы.

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


Я опаздываю на вечеринку :-) Но по соображениям производительности,UpMath просто может быть лучше MathJax. Он использует уценка и латекс для отображения сложных уравнений и формул и даже изображений на основе SVG. Кто-то может захотеть проверить.