|
hace 1 semana | |
---|---|---|
.. | ||
coverage | hace 1 semana | |
dist | hace 1 semana | |
lib | hace 1 semana | |
test | hace 1 semana | |
.coveralls.yml | hace 1 semana | |
.eslintignore | hace 1 semana | |
.eslintrc | hace 1 semana | |
.npmignore | hace 1 semana | |
.travis.yml | hace 1 semana | |
Makefile | hace 1 semana | |
README.md | hace 1 semana | |
bower.json | hace 1 semana | |
package.json | hace 1 semana | |
webpack.config.js | hace 1 semana |
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;
});
```