1. markdown-it-mathjax3
Fast math support for markdown-it with MathJax
markdown-it-mathjax3
Package: markdown-it-mathjax3
Created by: nzt
Last modified: Mon, 03 Oct 2022 04:35:23 GMT
Version: 4.3.2
License: MIT
Downloads: 47,843
Repository: https://github.com/nzt/markdown-it-mathjax3

Install

npm install markdown-it-mathjax3
yarn add markdown-it-mathjax3

markdown-it-mathjax3

Add Math to your Markdown

This is a fork of markdown-it-katex to support MathJax v3 and SVG rendering.

Quick Start

  1. Install markdown-it and this plugin

    npm install markdown-it markdown-it-mathjax3
    
  2. Use it in your code

     var md = require('markdown-it')(),
        mathjax3 = require('markdown-it-mathjax3');
    
    md.use(mathjax3);
    
    // double backslash is required for javascript strings, but not html input
    var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$');
    

Customization

This plugin accepts the MathJax configuration.
Instead of <script>window.MathJax = { tex: ..., svg: ...}</script>,
pass it like md.use(mathjax3, { tex: ..., svg: ... }).

FAQ

  • How to attach equation tags?
    -- Pass the options like md.use(mathjax3, { tex: {tags: 'ams'} })

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 won’t parse as math. If for some
reason you need to enclose text in literal $ characters, backslash-escape them and
they won’t be treated as math delimiters.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code