Создание визуализации математических формул на сайте

Question

Как можно реализовать визуализацию (замену символов) мат. формул на сайте, заключая их в какие-либо символы (например слэш и звёздочка), по типу:

/* f(x) = x^2+4x-5 */

И данный кусочек на сайте выглядел как нормальная формула

Answer 1

Можно с помощью katex.

katex.render(" f(x) = x^2 + 4x - 5", document.querySelector('#formula'));

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.js"></script>
<div id='formula'></div>

Answer 2

Можно MathJax

   

  <title>MathJax example</title>
  <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
  <script id="MathJax-script" async
      src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js">
  </script>

<p>
  When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
  \[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]
</p>

БЛОГ НА HUSL

Создание визуализации математических формул на сайте

Ответы (2 шт):