📐 Math Formulas & Mermaid Diagrams

FlashNote provides rich engineering and academic publishing features, including KaTeX LaTeX math and an interactive Mermaid toolkit.


1. KaTeX Math Equations

Render mathematical notation with lightning-fast KaTeX:

  • Inline Equations: Wrap expressions in single dollar signs, e.g. $E = mc^2$;
  • Block Formulas: Type $$ and press Enter, or click the formula icon in the toolbar;
  • Equation Assistant: Quick insertion for Greek symbols, matrices, integrals, and arrows.
$$
f(x) = \frac{1}{\sqrt{2\pi\sigma^2}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}
$$

2. Interactive Mermaid Diagram Suite

Create flowcharts, sequence diagrams, and architecture maps using Mermaid:

  • Supported Types: Flowcharts, Sequence, Class, State, Gantt, ER, and Git graphs;
  • Canvas Panning: Hover over any diagram and drag freely with a grab cursor;
  • Double-Click Reset: Double-click any blank area of the canvas to reset the view to center instantly;
  • Full-Screen Lightbox: Click the magnifying glass icon to enter an immersive lightbox with 30%–350% smooth zooming;
  • Retina Export: Export directly to vector SVG or crisp 2x Retina PNG with clean white padding;
  • Crash Protection (Mermaid Sanitizer): Built-in syntax sanitizer auto-escapes special symbols, unmatched brackets, and keywords within node labels, preventing page-wide white-screen crashes from small typos.

[!TIP] Learn how to organize related notes into structured publications: