1
0
Fork 0
This repository has been archived on 2024-02-06. You can view files and clone it, but cannot push or open issues or pull requests.
markdown-it-katex/README.md

95 lines
2.8 KiB
Markdown
Raw Permalink Normal View History

2016-03-11 22:56:48 +09:00
# markdown-it-katex
Add Math to your Markdown
2016-04-22 05:24:58 +09:00
[![Build Status](https://travis-ci.org/waylonflinn/markdown-it-katex.svg?branch=master)](https://travis-ci.org/waylonflinn/markdown-it-katex)
2016-03-11 23:33:17 +09:00
[KaTeX](https://github.com/Khan/KaTeX) is a faster alternative to MathJax. This plugin makes it easy to support in your markdown.
2016-03-11 23:57:34 +09:00
Need convincing?
2016-03-11 23:59:39 +09:00
* Check out the comparative benchmark: [KaTeX vs MathJax](https://jsperf.com/katex-vs-mathjax/42)
* Try it in your browser: [markdown-it-katex demo](http://waylonflinn.github.io/markdown-it-katex/)
2016-03-11 22:56:48 +09:00
## Usage
Install markdown-it
```
npm install markdown-it
```
2016-03-11 22:56:48 +09:00
2016-03-11 23:06:29 +09:00
Install the plugin
2016-03-11 22:56:48 +09:00
```
npm install markdown-it-katex
```
2016-03-12 00:40:00 +09:00
Use it in your javascript
2016-03-11 23:06:29 +09:00
2016-03-11 23:03:17 +09:00
```javascript
var md = require('markdown-it')(),
2016-03-12 00:37:47 +09:00
mk = require('markdown-it-katex');
2016-03-11 23:03:17 +09:00
md.use(mk);
2016-03-12 00:37:47 +09:00
// double backslash is required for javascript strings, but not html input
var result = md.render('# Math Rulez! \n $\\sqrt{3x-1}+(1+x)^2$');
2016-03-11 23:03:17 +09:00
```
2016-03-11 22:56:48 +09:00
Include the KaTeX stylesheet in your html:
```html
2016-03-11 23:38:46 +09:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
2016-03-11 22:56:48 +09:00
```
2016-03-12 00:40:00 +09:00
If you're using the default markdown-it parser, I also recommend the [github stylesheet](https://github.com/sindresorhus/github-markdown-css):
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"/>
```
2016-03-11 22:56:48 +09:00
2016-03-20 00:24:41 +09:00
`KaTeX` options can be supplied with the second argument to use.
```javascript
md.use(mk, {"throwOnError" : false, "errorColor" : " #cc0000"});
```
2016-03-11 22:56:48 +09:00
## Examples
### Inline
Surround your LaTeX with a single `$` on each side for inline rendering.
```
$\sqrt{3x-1}+(1+x)^2$
```
### Block
Use two (`$$`) for block rendering. This mode uses bigger symbols and centers
the result.
```
$$\begin{array}{c}
\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &
= \frac{4\pi}{c}\vec{\mathbf{j}} \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\
\nabla \cdot \vec{\mathbf{B}} & = 0
\end{array}$$
```
## Syntax
Math parsing in markdown is designed to agree with the conventions set by pandoc:
Anything between two $ characters will be treated as TeX math. The opening $ must
have a non-space character immediately to its right, while the closing $ must
have a non-space character immediately to its left, and must not be followed
immediately by a digit. Thus, $20,000 and $30,000 wont parse as math. If for some
reason you need to enclose text in literal $ characters, backslash-escape them and
they wont be treated as math delimiters.
2016-03-11 22:56:48 +09:00
## Math Syntax Support
KaTeX is based on TeX and LaTeX. Support for both is growing. Here's a list of
currently supported functions:
[Function Support in KaTeX](https://github.com/Khan/KaTeX/wiki/Function-Support-in-KaTeX)