|
1 viikko sitten | |
---|---|---|
.. | ||
coverage | 1 viikko sitten | |
dist | 1 viikko sitten | |
lib | 1 viikko sitten | |
test | 1 viikko sitten | |
.coveralls.yml | 1 viikko sitten | |
.eslintignore | 1 viikko sitten | |
.eslintrc | 1 viikko sitten | |
.npmignore | 1 viikko sitten | |
.travis.yml | 1 viikko sitten | |
Makefile | 1 viikko sitten | |
README.md | 1 viikko sitten | |
bower.json | 1 viikko sitten | |
package.json | 1 viikko sitten | |
webpack.config.js | 1 viikko sitten |
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 required

is 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.
shell bower install markdown-it-imsize
Script for using ```markdown-it-imsize``` with RequireJS is like,
js 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;
});
```