Документация по библиотеке KaTeX

@andrey4515 · Регистрация: 08.01.2014

Студворк — интернет-сервис помощи студентам

Вопрос такого плана.

Я использую JS библиотеку katex для отрисовки мат формул в html.
Подключил, все работает. Вот только я незнаю никаких команд как записывать формулы.

Может кто-нибудь знает где взять примеры или мануалы?

Пример подключения JS katex:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
  <head>    
    <meta charset="utf-8">
 
    <!-- Подключаем стили -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min.css">
 
    <title>katex test</title>
  </head>
  <body>
 
    <!-- Место под формулу -->
    <div id="formula"></div>
 
    <!-- Подключаем скрипты -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min.js"></script>
    <script>
      window.addEventListener("load", function () {
 
        // находим элемент, в который будем рендерить формулу
        var el = document.getElementById("formula");
        
        // вызываем метод библиотеки для отображения формулы
        katex.render("c = \\pm\\sqrt{a^2 + b^2}", el);
 
      });
    </script>
  </body>
</html>

@AlexBelkevich · 24.06.2015, 10:26

https://github.com/Khan/KaTeX
Справку тут читали по библиотеке то?

@andrey4515 · 24.06.2015, 10:46 **[ТС]**

Сообщение от AlexBelkevich

https://github.com/Khan/KaTeX
Справку тут читали по библиотеке то?

C английским языком плохо у меня...
Когда захожу на сайт, то попадаю как в проводник. А там найти не могу примеров.

Нашел вот такие функции https://github.com/Khan/KaTeX/... t-in-KaTeX, но не могу понять как ими правильно пользоваться. Пишу \int он мне курсивом int пишет, хотя должен интеграл показать

@AlexBelkevich · 24.06.2015, 10:55

Ну врядли тут будут разбираться с этой библиотекой

Берите переводчик, качайте с гитхаб и разбирайтесь))) По другому никак, с любой библиотекой надо вкурить)

@Fedor92 · 24.06.2015, 12:49

Сообщение от andrey4515

Пишу \int он мне курсивом int пишет, хотя должен интеграл показать

Вы просто неправильно оформляете формулу... У Вас же есть готовый пример... Вот пример с интегралом:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
  <head>    
    <meta charset="utf-8">
 
    <!-- Подключаем стили -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min.css">
 
    <title>katex test</title>
  </head>
  <body>
 
    <!-- Место под формулу -->
    <div id="formula"></div>
    <div id="formula2"></div>
 
    <!-- Подключаем скрипты -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min.js"></script>
    <script>
      window.addEventListener("load", function () {
 
        // находим элемент, в который будем рендерить формулу
        var el = document.getElementById("formula");
        
        // вызываем метод библиотеки для отображения формулы
        katex.render("c = \\int{a^2 + b^2}", el);
 
      });
    </script>
     <script>
      window.addEventListener("load", function () {
 
        // находим элемент, в который будем рендерить формулу
        var el = document.getElementById("formula2");
        
        // вызываем метод библиотеки для отображения формулы
        katex.render("c = \\iint{a^2 + b^2}", el);
 
      });
    </script>
  </body>
</html>

Обратите внимание, что после знака равно перед началом формулы необходимо поставить двойной обратный слэш...

@andrey4515 · 24.06.2015, 16:40 **[ТС]**

Сообщение от Fedor92

Обратите внимание, что после знака равно перед началом формулы необходимо поставить двойной обратный слэш...

cпасибо, разобрался)) только одного понять не могу, определители и матрицы нельзя пока что вставлять? не могу что-то найти их в библиотеке...

@Fedor92 · 24.06.2015, 16:52

andrey4515, если нет функции pmatrix или matrix в описании значит ещё не добавили... Хотя мне кажется где-то в примерах я видел...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@AlexBelkevich 2 / 2 / 0 Регистрация: 13.05.2013 Сообщений: 117
	24.06.2015, 10:26
	https://github.com/Khan/KaTeX Справку тут читали по библиотеке то? 0

@AlexBelkevich 2 / 2 / 0 Регистрация: 13.05.2013 Сообщений: 117
	24.06.2015, 10:55
	Ну врядли тут будут разбираться с этой библиотекой Берите переводчик, качайте с гитхаб и разбирайтесь))) По другому никак, с любой библиотекой надо вкурить) 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	24.06.2015, 16:52
	andrey4515, если нет функции pmatrix или matrix в описании значит ещё не добавили... Хотя мне кажется где-то в примерах я видел... 0

Опции темы