unified

Project: y-temp4/rehype-title-figure

Package: rehype-title-figure@0.1.2

  1. Dependents: 0
  2. Rehype plugin that adds a caption using the title attribute of the img.
  1. remark 199
  2. rehype 91
  3. rehype-plugin 62

rehype-title-figure

main codecov npm version Conventional Commits code style: prettier

Rehype plugin that adds a caption using the title attribute of the img.

Install

$ yarn add rehype-title-figure

or

$ npm i rehype-title-figure

Usage

import unified from 'unified'
import remark from 'remark-parse'
import remark2rehype from 'remark-rehype'
import stringify from 'rehype-stringify'

import rehypeTitleFigure from 'rehype-title-figure'

function compile(md: string) {
  return unified()
    .use(remark)
    .use(remark2rehype)
    .use(rehypeTitleFigure)
    .use(stringify)
    .processSync(md)
    .toString()
}

const output = compile(
  '![alt text](https://placehold.jp/150x150.png "caption text")'
)
console.log(output)

output:

<figure><img src="https://placehold.jp/150x150.png" alt="alt text" title="caption text"><figcaption>caption text</figcaption></figure>

LICENSE

MIT © y-temp4