Remark HTML Katex

KaTeX transformer plugin for remark-html.

It transfroms html content of math and inlineMath nodes with KaTeX.

math and inlineMath nodes can be parsed with remark-math.

Usage

1npm i -S remark remark-math remark-html
2npm i -S remark-html-katex

1const remark = require('remark')
2const math = require('remark-math')
3const katex = require('remark-html-katex')
4const html = require('remark-html')
5
6// Raw String => MDAST => transformed MDAST => HTML
7const processor = remark()
8  .use(math)
9  .use(katex)
10  .use(html)
11
12// https://en.wikipedia.org/wiki/Lift_(force)#Lift_coefficient
13const rawString = `Lift($L$) can be determined by Lift Coeeficient ($C_L$) like the following equation.
14
15$$
16L = \\frac{1}{2} \\rho v^2 S C_L
17$$
18`
19
20const result = processor.processSync(rawString).toString()
21/* result
22<p>
23  Lift(<span class="inlineMath"><span class="katex">...</span></span>) can be determined by Lift Coeeficient (<span class="inlineMath"><span class="katex">...</span></span>) like the following equation.
24</p>
25<div class="math">
26  <span class="katex-display"><span class="katex">...</span></span>
27</div>
28*/

Check remark-math for more information.

License

MIT © Junyoung Choi