markdown-it-image-loading
特点
- markdown 图片loading效果
- 可自定义loading图片
- 支持markdown修改图片样式
效果
安装
npm i markdown-it-image-loading
使用
const md = ;
参数
loadingSrc
loading 图片 srcloadingWidth
: loading 图片宽度- 默认:30
loadingHeight
: loading 图片高度- 默认:30
minWidth
: 图片最小宽度(图片的最小高度)
- 默认:100
minHeight
: 图片最小高度(图片的最小宽度)
- 默认:100
bgColor
: 图片背景颜色(图片的背景颜色)
- 默认:''
const md = ;
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}