Installations

npm install @gerhobbelt/markdown-it-implicit-figures

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=10

Node Version

12.12.0

NPM Version

6.11.3 Score

72.1

Supply Chain

91.1

Quality

75.3

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

1

Total

27

Closed

14

Merged

12

Issues

Open

5

Total

29

Closed

24

Releases

3

v0.12.0

Updated on Aug 19, 2023

v0.11.0

Updated on Feb 11, 2023

v0.10.0

Updated on Apr 05, 2020

View All 3 releases

Contributors

8

Unable to fetch Contributors

View All 8 Contributors

Languages

1

JavaScript

JavaScript (100%)

validate.email 🚀

Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.

Developer

arve0

Download Statistics

Total Downloads

3,155

Last Day

2

Last Week

2

Last Month

23

Last Year

457

GitHub Statistics

MIT License

56 Stars

72 Commits

16 Forks

3 Watchers

4 Branches

8 Contributors

Updated on Dec 13, 2023

Bundle Size

1.78 kB

Minified

759.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

0.10.0-6

Package Id

@gerhobbelt/markdown-it-implicit-figures@0.10.0-6

Unpacked Size

59.87 kB

Size

8.17 kB

File Count

14

NPM Version

6.11.3

Node Version

12.12.0

Total Downloads

Cumulative downloads

Total Downloads

3,155

Last Day

100%

2

Compared to previous day

Last Week

0%

2

Compared to previous week

Last Month

-8%

23

Compared to previous month

Last Year

18.7%

457

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

11

@gerhobbelt/markdown-it @gerhobbelt/markdown-it-attrs @gerhobbelt/markdown-it-testgen @gerhobbelt/prepend-header camelcase chai cross-env eslint microbundle mocha nyc

markdown-it-implicit-figures

Render images occurring by itself in a paragraph as <figure><img ...></figure>, similar to pandoc's implicit figures.

Example input:

1text with ![](img.png)
2
3![](fig.png)
4
5works with links too:
6
7[![](fig.png)](page.html)

Output:

1<p>text with <img src="img.png" alt=""></p>
2<figure><img src="fig.png" alt=""></figure>
3<p>works with links too:</p>
4<figure><a href="page.html"><img src="fig.png" alt=""></a></figure>

Install

$ npm install --save markdown-it-implicit-figures

Usage

1var md = require('markdown-it')();
2var implicitFigures = require('markdown-it-implicit-figures');
3
4md.use(implicitFigures, {
5  dataType: false,  // <figure data-type="image">, default: false
6  figcaption: false,  // <figcaption>alternative text</figcaption>, default: false
7  tabindex: false, // <figure tabindex="1+n">..., default: false
8  link: false // <a href="img.png"><img src="img.png"></a>, default: false
9});
10
11var src = 'text with ![](img.png)\n\n![](fig.png)\n\nanother paragraph';
12var res = md.render(src);
13
14console.log(res);

demo as jsfiddle

Options

dataType: Set dataType to true to declare the data-type being wrapped, e.g.: <figure data-type="image">. This can be useful for applying special styling for different kind of figures.
figcaption: Set figcaption to true to put the alternative text in a <figcaption>-block after the image. E.g.: ![text](img.png) renders to
```
1<figure>
2  <img src="img.png" alt="">
3  <figcaption>text</figcaption>
4</figure>
```
tabindex: Set tabindex to true to add a tabindex property to each figure, beginning at tabindex="1" and incrementing for each figure encountered. Could be used with this css-trick, which expands figures upon mouse-over.
link: Put a link around the image if there is none yet.
copyAttrs: Copy attributes matching (RegExp or string) copyAttrs to figure element.

License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

7

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

3.3

/10

Last Scanned on 2025-03-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More