1.0.2 • Published 5 years ago
markdown-it-image-loading v1.0.2
markdown-it-image-loading
特点
- markdown 图片loading效果
- 可自定义loading图片
- 支持markdown修改图片样式
效果
安装
npm i markdown-it-image-loading
使用
const md = require('markdown-it')().use(require('markdown-it-image-loading'));
参数
loadingSrc
loading 图片 srcloadingWidth
: loading 图片宽度- 默认:30
loadingHeight
: loading 图片高度- 默认:30
minWidth
: 图片最小宽度(图片的最小高度)
- 默认:100
minHeight
: 图片最小高度(图片的最小宽度)
- 默认:100
bgColor
: 图片背景颜色(图片的背景颜色)
- 默认:''
const md = require('markdown-it')().use(require('markdown-it-image-loading'), {
loadingSrc: 'http://tangxiaomi.top/markdown-it-image-loading/loading.gif',
loadingWidth: 30,
loadingHeight: 30,
minWidth: 100,
minHeight: 100,
bgColor: '#000'
});
markdown 设置
可以给每一张图片单独设置样式
![](/){loadingSrc=http://tangxiaomi.top/markdown-it-image-loading/loading.gif loadingWidth=50 loadingHeight=50 minWidth=200 minHeight=200 bgColor=#ccc}
{loadingSrc=http://tangxiaomi.top/markdown-it-image-loading/loading.gif loadingWidth=50 loadingHeight=50 minWidth=200 minHeight=200 bgColor=#ccc}