/markdown-it-image-size

A markdown-it plugin for size-specified image markups. This plugin overloads original image renderer of markdown-it. This is a typescript port of https://github.com/tatsy/markdown-it-imsize without the local file system support.

Primary LanguageTypeScriptGNU Affero General Public License v3.0AGPL-3.0

DEPRECATED

Use https://github.com/hedgedoc/markdown-it-plugins instead

markdown-it-imsize

A markdown-it plugin for size-specified image markups. This plugin overloads original image renderer of markdown-it. This is a typescript port of https://github.com/tatsy/markdown-it-imsize without the local file system support.

Usage

Enable plugin

var md = require('markdown-it')({
  html: true,
  linkify: true,
  typography: true
}).use(require('markdown-it-imsize')); // <-- this use(package_name) is required

Example

![test](image.png =100x200)

is interpreted as

<p><img src="image.png" alt="test" width="100" height="200"></p>

Options

Auto fill

var md = require('markdown-it')({
  html: true,
  linkify: true,
  typography: true
}).use(require('markdown-it-imsize'), { autofill: true });

will fill the width and height fields automatically if the specified image path is valid.

Therefore,

![test](image.png)

is interpreted as

<p><img src="image.png" alt="test" width="200" height="200"></p>

where image.png is a valid path and its size is 200 x 200.