Quick start

#Link to this headingInstall

pnpm add satteri

npm install satteri

yarn add satteri

bun add satteri

See Installation for runtime support and browser notes.

#Link to this headingCompile a document

Pass a Markdown string to markdownToHtml. You get back the rendered HTML and any frontmatter the document had.

import { markdownToHtml } from "satteri";

const { html } = markdownToHtml("# Hello, *world*");
console.log(html);
// <h1>Hello, <em>world</em></h1>

That's the whole API for the basic case. Options go in a second argument:

import { markdownToHtml } from "satteri";

const { html, frontmatter } = markdownToHtml(source, {
  features: {
    gfm: true,
    frontmatter: true,
    math: true,
  },
});

#Link to this headingUsing plugins

A plugin is an object with a name and a visitor for each node type you want to act on. The visitor gets a read-only view of the node and a ctx object that records mutations.

import { markdownToHtml, defineMdastPlugin } from "satteri";

const stripInlineCode = defineMdastPlugin({
  name: "strip-inline-code",
  inlineCode(node, ctx) {
    ctx.replaceNode(node, { type: "text", value: node.value });
  },
});

const { html } = markdownToHtml("Use `let` instead of `var`.", {
  mdastPlugins: [stripInlineCode],
});
// <p>Use let instead of var.</p>

For more, see the Plugins guide, the Entry points reference, and the full list of Options.