Remark AST

Remark plugin used to reconstruct the AST structure based on plugin configuration to support element nesting.

Support Framework

• Docusaurus
• Astro

Install

npm install -D remark-ast

Import

Import plugin

docusaurus.config.js

import { ast } from 'remark-ast';
...
remarkPlugins: [
  [
    ast,
    {
      type: "containerDirective",
      name: "steps",
      className: "steps",
      children: [
        {
          type: "heading.3",
          name: "step",
          className: "step",
          condition: "partition",
        },
      ],
    },
  ],
],

Remark AST Plugin List

• Remark Steps Plugin

Remark AST Plugin Snapshot

Steps Plugin