markdown-it-image

ravenq · Nov 20, 2020 · 3600b01 · 3600b01
1 parent 8aefee3
commit 3600b01
Show file tree

Hide file tree

Showing 10 changed files with 896 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -16,6 +16,7 @@ npm install markdown-it-vue
 
 ## Supports
 
+- Image size and Viewer
 - Official markdown syntax.
 - GFM TOC
 - GFM style
@@ -49,6 +50,7 @@ npm install markdown-it-vue
 
 internal plugin list:
 
+- markdown-it-image
 - markdown-it-font-awsome
 - markdown-it-link-attributes
 - markdown-it-highlight
@@ -106,6 +108,10 @@ amd default plugins options:
   },
   mermaid: {
     theme: 'default'
+  },
+  image: {
+    hAlign: 'left',
+    viewer: true
   }
 }
 ```
@@ -167,6 +173,14 @@ PR for you lang wich you want.
 - Prolog
 - Erlang
 
+## image size
+
+```md
+![image size](https://http://www.aqcoder.com/ravenq-qr.png =50x50)
+![image size](https://http://www.aqcoder.com/ravenq-qr.png =x50)
+![image size](https://http://www.aqcoder.com/ravenq-qr.png =50x)
+```
+
 ## about echarts
 
 use echarts.simple to reduce the bundle size.

diff --git a/README_CN.md b/README_CN.md
@@ -20,6 +20,7 @@ npm install markdown-it-vue
 
 ## 特性
 
+- 图片大小控制及图片预览
 - Official markdown syntax.
 - GFM TOC
 - GFM style
@@ -54,6 +55,7 @@ npm install markdown-it-vue
 
 内置插件：
 
+- markdown-it-image
 - markdown-it-font-awsome
 - markdown-it-link-attributes
 - markdown-it-highlight
@@ -111,6 +113,10 @@ options: {
   },
   mermaid: {
     theme: 'default'
+  },
+  image: {
+    hAlign: 'left',
+    viewer: true
   }
 }
 ```
@@ -176,6 +182,14 @@ this.$refs.myMarkdownItVue.use(MyMarkdownItPlugin)
 - Prolog
 - Erlang
 
+## 图片大小控制语法
+
+```md
+![image size](https://http://www.aqcoder.com/ravenq-qr.png =50x50)
+![image size](https://http://www.aqcoder.com/ravenq-qr.png =x50)
+![image size](https://http://www.aqcoder.com/ravenq-qr.png =50x)
+```
+
 ## 关于 echarts
 
 为了减少包的大小，只引用 echarts.simple。

diff --git a/example/components/example.js b/example/components/example.js
@@ -1,6 +1,11 @@
 export default `
 # markdown-it-vue
 
+## Image size and Viewer
+
+![gvf](http://www.aqcoder.com/gvf-project.png =x50)
+![ravenq](http://www.aqcoder.com/ravenq-qr.png =50x50)
+
 ## GitHub Table of Contents
 
 [toc]

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "markdown-it-vue",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "private": false,
   "description": "The vue lib for markdown-it",
   "author": {

diff --git a/src/fonts/element-icons.ttf b/src/fonts/element-icons.ttf
diff --git a/src/fonts/element-icons.woff b/src/fonts/element-icons.woff