Forked from the original markdown-it-obsidian-imgsize, it adds support for width percentage. It transforms
![A cat|40%](cat.jpg)
to
<p><img src="cat.jpg" alt="A cat" width="40%"></p>
language: English | δΈζ
A markdown-it plugin, adding width (and height) attributes to image elements.
According to the syntax of external images in Obsidian , it transforms
![A cat|100](cat.jpg)
![A cat|100x200](cat.jpg)
to
<p><img src="cat.jpg" alt="A cat" width="100px"></p>
<p><img src="cat.jpg" alt="A cat" width="100px" height="200px"></p>
More cases are in examples.md. Different from markdown-it-renderer-image, this plugin does not use the Internet when processing online images.
npm i markdown-it-multi-imgsize --save
const md = require('markdown-it')();
const mdImgSizePlg = require('markdown-it-multi-imgsize');
md.use(mdImgSizePlg);
const content = '![A cat|100](cat.jpg)';
console.log(md.render(content));
// <p><img src="cat.jpg" alt="A cat" width="100px"></p>
// See './test/examples.md' for more examples
MIT