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

Published on 19 Aug 2023

v0.11.0

Published on 11 Feb 2023

v0.10.0

Published on 05 Apr 2020

View all 3 releases

Contributors

8

Unable to fetch Contributors

View all 8 contributors

Languages

1

JavaScript

JavaScript (100%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

arve0

Download Statistics

Total Downloads

3,120

Last Day

1

Last Week

4

Last Month

26

Last Year

464

GitHub Statistics

56 Stars

72 Commits

16 Forks

4 Watching

4 Branches

8 Contributors

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,120

Last day

0%

1

Compared to previous day

Last week

-55.6%

4

Compared to previous week

Last month

-58.1%

26

Compared to previous month

Last year

13.2%

464

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

Versions

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.

8

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

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

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

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.4

/10

Last Scanned on 2025-02-03

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