Markdown Renderer

A simple and powerful tool to preview your Markdown content in real-time

Input

Output

Welcome to the Markdown Renderer

A simple and powerful tool to preview your Markdown content in real-time with LaTeX support!

This component supports full Markdown syntax, including:

Headers

Subheaders

  • Bullet points
  • And lists
  1. Numbered lists
  2. Work too

Bold text and italic text

Links

LaTeX Math Support

Inline Math

You can write inline math like E=mc2E = mc^2 or α+β=γ\alpha + \beta = \gamma.

Display Math

Display equations are centered:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

Complex Equations

More complex mathematical expressions:

×B1cEt=4πcjE=4πρ×E+1cBt=0B=0\begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac{1}{c}\, \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}}\, +\, \frac{1}{c}\, \frac{\partial\vec{\mathbf{B}}}{\partial t} &= \vec{\mathbf{0}} \\ \nabla \cdot \vec{\mathbf{B}} &= 0 \end{aligned}

Matrices

[abcdefghi]\begin{bmatrix} a & b & c \\ d & e & f \\ g & h & i \end{bmatrix}

Fractions and Roots

x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

Code Blocks

// Code blocks with syntax highlighting function hello() { console.log('Hello, world!'); }
TablesAreSupported
Row 1Col 2Col 3
Row 2Col 2Col 3

Blockquotes are supported too

And much more!