|
|
před 6 měsíci | |
|---|---|---|
| .. | ||
| coverage | před 6 měsíci | |
| dist | před 6 měsíci | |
| lib | před 6 měsíci | |
| test | před 6 měsíci | |
| .coveralls.yml | před 6 měsíci | |
| .eslintignore | před 6 měsíci | |
| .eslintrc | před 6 měsíci | |
| .npmignore | před 6 měsíci | |
| .travis.yml | před 6 měsíci | |
| Makefile | před 6 měsíci | |
| README.md | před 6 měsíci | |
| bower.json | před 6 měsíci | |
| package.json | před 6 měsíci | |
| webpack.config.js | před 6 měsíci | |
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;
});
```