KaTeX - легка бібліотека для математичних формул

KaTeX - це бібліотека JavaScript для відображення математичних формул на веб-сторінках. Вона працює швидше за MathJax, але підтримує менший набір функцій LaTeX.

Приклади визначеного інтеграла з KaTeX

1. Вбудована формула (inline):

Формула інтеграла в тексті: $\int_{0}^{2\pi} \sin(x) \,dx = 0$

2. Виділена формула (display mode):

$$ \int_{0}^{2\pi} \sin(x) \,dx = 0 $$

3. Складніший приклад:

$$ \int_{a}^{b} f'(x) \,dx = f(b) - f(a) $$

4. Інтеграл з межами у нескінченності:

$$ \int_{0}^{\infty} e^{-x^2} \,dx = \frac{\sqrt{\pi}}{2} $$

Динамічний редактор KaTeX:

Введіть формулу LaTeX нижче:

Програмне рендеринг через JavaScript API:

Порівняння KaTeX та MathJax

Переваги KaTeX:

Недоліки KaTeX:

Редактори для автоматизації набору формул

Метод Редактор Платформа Можливості
KaTeX / LaTeX Overleaf Веб Повноцінний LaTeX редактор з реальним часом, шаблонами
KaTeX / LaTeX KaTeX Demo Веб Онлайн демо з підсвіткою синтаксису
MathML MathML Central Веб Візуальний редактор MathML з попереднім переглядом
MathML MathType Windows/Mac Потужний графічний редактор формул з експортом до MathML
HTML/CSS LaTeX2HTML Веб Конвертер LaTeX у HTML/CSS
Всі методи Mathpix Всі платформи Распізнавання формул з зображень та конвертація у LaTeX/MathML
MathJax MathJax Demo Веб Демо з різними конфігураціями та форматами

Як інтегрувати KaTeX на сайт

<!-- Підключення KaTeX -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
            delimiters: [
                {left: '$$', right: '$$', display: true},
                {left: '$', right: '$', display: false}
            ],
            throwOnError: false
        });
    });
</script>

<!-- Використання формул -->
<p>Вбудована формула: $\int_{a}^{b} f(x)dx$</p>
<p>Виділена формула: $$ \int_{a}^{b} f(x)dx $$</p>
Порада: Для більшості веб-сайтів KaTeX є оптимальним вибором через швидкість та простоту використання. MathJax краще підходить для складних наукових документів, де потрібна повна підтримка LaTeX.