提交 509a1fde 编写于 作者: D DCloud_LXH

fix: markdown-it-attrs

上级 1e220e93
......@@ -48,9 +48,9 @@
```html
<img class="zooming" src="xxx">
```
11. md 支持书写属性(花括号 `{` 与 markdown 语法之间不能有空格)
11. md 支持书写属性(`#{` 与 markdown 语法之间不能有空格)
```md
![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-multiport.jpg){.zooming data=abc width=100 height=100}
![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-multiport.jpg)#{.zooming data=abc width=100 height=100}
```
渲染为:
......
......@@ -85,7 +85,10 @@ const config = {
.use(require('./markdown/img-add-attrs'))
.end()
.plugin('attrs')
.use(require('markdown-it-attrs'))
.use(require('markdown-it-attrs'),[{
leftDelimiter: '#{',
rightDelimiter: '}'
}])
}
},
chainWebpack (config, isServer) {
......
......@@ -225,4 +225,4 @@ pageClass: custom-page-class
实际运行效果如下(点击图片可放大):
![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-multiport.jpg){.zooming}
![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-multiport.jpg)#{.zooming}
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册