rehype-figure


rehype plugins to support figure and caption!

Install

``shell
npm install rehype-figure

or

yarn add rehype-figure
`

Use

Markdown:

`md


Images

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

!This is a caption and image alt property
!These two images will be children 'rehype-container'

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

!These two images will be children 'rehype-container'
`

rehype-figure:

`js
const unified = require("unified")
const remark = require("remark-parse")
const remark2rehype = require("remark-rehype")
const stringify = require("rehype-stringify")
const assert = require("assert")
const vfile = require("to-vfile")

const rehypeFigure = require("rehype-figure")

function compile(filename) {
return unified()
.use(remark)
.use(remark2rehype)
.use(rehypeFigure, { className: "my-figure" })
.use(stringify)
.processSync(vfile.readSync("./__example__/" + filename))
.toString()
}
`

Yields:

`html


Images