markdown-it-container-figure
v1.1.3
A markdown-it plugin to wrap images and captions in <figure> and <figcaption> tags.
0/weekUpdated 8 months agoMITUnpacked: 5.3 KB
Published by sugiwe
npm install markdown-it-container-figuremarkdown-it-container-figure
A markdown-it plugin that enables the use of
This plugin provides an alternative approach to markdown-it-figure, which uses a custom syntax like #Caption. Instead, it works with standard HTML or Markdown image tags inside a container block.
Supports the following formats inside :::figure blocks:
-
-
-
Installation
``bash`
npm install markdown-it-container-figure
or
`bash`
yarn add markdown-it-container-figure
Usage
`js
import MarkdownIt from "markdown-it";
import markdownItContainerFigure from "markdown-it-container-figure";
const md = new MarkdownIt();
md.use(markdownItContainerFigure);
`
Markdown Syntax
Use a fenced block with :::figure to define a block.
$3
`markdown`
:::figure
This is a caption for the image.
:::
Output:
`html`
$3
`markdown`
:::figure
This is a caption for the image.
:::
Output:
`html`
$3
`markdown`
:::figure
This is a caption for the image.
:::
Output:
`html``