A markdown-it plugin for size-specified image markups. This plugin overloads original image renderer of markdown-it.
var md = require('markdown-it')({
html: true,
linkify: true,
typography: true
}).use(require('markdown-it-imsize')); // <-- this use(package_name) is requiredis interpreted as
<p><img src="image.png" alt="test" width="100" height="200"></p>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,
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.
markdown-it-imsize is available with bower and RequireJS. First, you can install the package with,
bower install markdown-it-imsizeScript for using markdown-it-imsize with RequireJS is like,
require(['require', 'MarkdownIt', 'MarkdownItImsize'], function(require) {
var md = require('MarkdownIt')({
html: true,
linkify: true,
typography: true
}).use(require('MarkdownItImsize'));
var rendered = md.render("");
document.getElementById('image-box').innerHTML = rendered;
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent