@ruanyf/markdown-it-implicit-figures

This repo is forked from @arve0/markdown-it-implicit-figures, adding ESM support.

@ruanyf/markdown-it-implicit-figures

Render images occurring by itself in a paragraph as

, similar to pandoc's implicit figures.

Example input:
``md
text with ![](img.png)

![](fig.png)

works with links too:

![](page.html)
`

Output:
`html


text with

works with links too:

`

Install

`
$ npm install --save @ruanyf/markdown-it-implicit-figures
`

Usage

Load it in ES module.

`javascript
import markdownit from 'markdown-it';
import implicitFigures from '@ruanyf/markdown-it-implicit-figures';

const md = markdownit();

md.use(implicitFigures, {
dataType: false, //

, default: false
figcaption: false, // , default: false
keepAlt: false // , default: false
lazyLoading: false, // , default: false
link: false // , default: false
tabindex: false, //

..., default: false
});

const src = 'text with \n\n\n\nanother paragraph';
const res = md.render(src);

console.log(res);
`

Or load it in CommonJS module.

`javascript
const md = require('markdown-it')();
const implicitFigures = require('markdown-it-implicit-figures');

md.use(implicitFigures, {
dataType: false, //

, default: false
figcaption: false, // , default: false
keepAlt: false // , default: false
lazyLoading: false, // , default: false
link: false // , default: false
tabindex: false, //

..., default: false
});

const src = 'text with \n\n\n\nanother paragraph';
const res = md.render(src);

console.log(res);
`

demo in RunKit

$3

- dataType: Set dataType to true to declare the data-type being wrapped,
e.g.:

. This can be useful for applying special
styling for different kind of figures.
- figcaption: Set figcaption to true or alt to put the alternative text
in a