Installations

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

Developer Guide

BETA

Typescript

No

Module System

N/A

Min. Node Version

>=0.10.0

Node Version

10.15.0

NPM Version

6.4.1 Score

67.9

Supply Chain

90

Quality

75

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

847

Last Day

1

Last Week

2

Last Month

18

Last Year

108

GitHub Statistics

56 Stars

72 Commits

16 Forks

4 Watching

4 Branches

8 Contributors

Bundle Size

1.55 kB

Minified

646.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

0.9.2

Package Id

@geekeren/markdown-it-implicit-figures@0.9.2

Unpacked Size

7.99 kB

Size

3.21 kB

File Count

5

NPM Version

6.4.1

Node Version

10.15.0

Total Downloads

Cumulative downloads

Total Downloads

847

Last day

0%

1

Compared to previous day

Last week

-71.4%

2

Compared to previous week

Last month

260%

18

Compared to previous month

Last year

-26%

108

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

3

markdown-it mocha markdown-it-attrs

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="text">
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