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

fix: markdown-it-attrs

上级 1e220e93
...@@ -48,9 +48,9 @@ ...@@ -48,9 +48,9 @@
```html ```html
<img class="zooming" src="xxx"> <img class="zooming" src="xxx">
``` ```
11. md 支持书写属性(花括号 `{` 与 markdown 语法之间不能有空格) 11. md 支持书写属性(`#{` 与 markdown 语法之间不能有空格)
```md ```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 = { ...@@ -85,7 +85,10 @@ const config = {
.use(require('./markdown/img-add-attrs')) .use(require('./markdown/img-add-attrs'))
.end() .end()
.plugin('attrs') .plugin('attrs')
.use(require('markdown-it-attrs')) .use(require('markdown-it-attrs'),[{
leftDelimiter: '#{',
rightDelimiter: '}'
}])
} }
}, },
chainWebpack (config, isServer) { chainWebpack (config, isServer) {
......
...@@ -225,4 +225,4 @@ pageClass: custom-page-class ...@@ -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.
先完成此消息的编辑!
想要评论请 注册