├── .babelrc
├── .gitignore
├── LICENSE
├── README.md
├── debug.log
├── dist
    └── vm_markdown.min.js
├── docs
    ├── favicon.ico
    ├── index.html
    ├── logo.png
    ├── main
    └── main.map
├── index.html
├── package.json
├── src
    ├── App.vue
    ├── assets
    │   ├── favicon.ico
    │   └── iconfont
    │   │   ├── iconfont.css
    │   │   ├── iconfont.eot
    │   │   ├── iconfont.js
    │   │   ├── iconfont.svg
    │   │   ├── iconfont.ttf
    │   │   └── iconfont.woff
    ├── components
    │   └── vm-markdown
    │   │   ├── assets
    │   │       ├── favicon.ico
    │   │       ├── iconfont
    │   │       │   ├── demo.css
    │   │       │   ├── demo_index.html
    │   │       │   ├── iconfont.css
    │   │       │   ├── iconfont.eot
    │   │       │   ├── iconfont.js
    │   │       │   ├── iconfont.svg
    │   │       │   ├── iconfont.ttf
    │   │       │   ├── iconfont.woff
    │   │       │   └── iconfont.woff2
    │   │       ├── js
    │   │       │   └── insertText.js
    │   │       └── logo_vmeditor.png
    │   │   ├── components
    │   │       ├── dropdown.vue
    │   │       ├── index.vue
    │   │       ├── menu-button.vue
    │   │       ├── menu.vue
    │   │       └── tool-table.vue
    │   │   ├── index.js
    │   │   ├── text
    │   │       └── intro.js
    │   │   └── theme
    │   │       └── theme.js
    ├── main.js
    ├── text
    │   └── intro.js
    └── theme
    │   └── theme.js
├── static
    ├── favicon.ico
    └── logo.png
├── webpack.config.js
├── webpack.config.rules.js
└── webpack.dist.config.js


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |     "presets": [
3 |         "@babel/preset-env"
4 |     ],
5 |     "plugins": [
6 |         "@babel/plugin-transform-runtime"
7 |     ]
8 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | npm-debug.log
 4 | debug.log
 5 | yarn-error.log
 6 | 
 7 | # Editor directories and files
 8 | .idea
 9 | *.suo
10 | *.ntvs*
11 | *.njsproj
12 | *.sln
13 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 JesseLuo
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center">
 2 |   <img src="https://github.com/luosijie/Front-end-Blog/blob/master/img/logo_vmmarkdown_name.png?raw=true">
 3 | </p>
 4 | 
 5 | <p align="center">
 6 |     <a href="https://luosijie.github.io/vm-markdown/">example</a>
 7 | </p>
 8 | <p align="center">
 9 |   <img src="https://img.shields.io/badge/version-0.2.8-blue.svg?style=flat">
10 |   <img src="https://img.shields.io/badge/dependency-vue-green.svg?style=flat">
11 |   <img src="https://img.shields.io/badge/dependency-marked-yellow.svg?style=flat">
12 | </p>
13 | 
14 | ### Install
15 | 
16 | ```bash
17 | npm install --save vm-markdown
18 | ```
19 | ### Usage
20 | 
21 | ```vue
22 | <template>
23 |   <vm-markdown
24 |     :uploadImage="uploadImage"
25 |     theme="default" //dark, green, gray, princess
26 |     width="1000px" 
27 |     height="600px" 
28 |     @change="onChange"
29 |   />
30 | </template>
31 | <script>
32 |   import VmMarkdown from "vm-markdown"
33 |   import "highlight.js/styles/github.css"
34 |   import hljs from 'highlight.js'
35 |   export default {
36 |     name: "app",
37 |     components: {
38 |         VmMarkdown
39 |     },
40 |     methods: {
41 |       onChange(data) {
42 |         // data = {html, markdown}
43 |         this.$nextTick(() => {
44 |             const codes = document.querySelectorAll(".markdown-body pre code");
45 |             codes.forEach(elem => {
46 |                 hljs.highlightBlock(elem);
47 |             });
48 |         });
49 |       },
50 |       // your method to upolad the file to server
51 |       async uploadImage(file) {
52 |         const imgUrl = await this.uploadRequest(file);
53 |         return imgUrl
54 |       }
55 |     }
56 |   }
57 | </script>
58 | ```
59 | 
60 | ### License
61 | 
62 | [MIT](https://github.com/luosijie/vm-editor/blob/master/LICENSE.md)
63 | 


--------------------------------------------------------------------------------
/debug.log:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/debug.log


--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/docs/favicon.ico


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vm-markdown</title>
 6 |   <link rel="shortcut icon" href="favicon.ico"></head>
 7 |   <body>
 8 |     <div id="app"></div>
 9 |   <script type="text/javascript" src="main?f803ee4c59e35648af41.js"></script></body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/docs/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/docs/logo.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vm-markdown</title>
 6 |   </head>
 7 |   <body>
 8 |     <div id="app"></div>
 9 |   </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "vm-markdown",
 3 |     "description": "A Vue Markdown Editor",
 4 |     "version": "0.3.4",
 5 |     "author": "Jesse Luo <luo_sj@163.com>",
 6 |     "private": false,
 7 |     "main": "./src/components/vm-markdown/index.js",
 8 |     "license": "MIT",
 9 |     "repository": {
10 |         "type": "git",
11 |         "url": "https://github.com/luosijie/vm-markdown"
12 |     },
13 |     "scripts": {
14 |         "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
15 |         "build:example": "cross-env NODE_ENV=production webpack --progress --hide-modules",
16 |         "build:dist": "cross-env NODE_ENV=production webpack --config webpack.dist.config.js"
17 |     },
18 |     "dependencies": {
19 |         "highlight.js": "^9.13.1",
20 |         "marked": "^0.6.0"
21 |     },
22 |     "devDependencies": {
23 |         "@babel/core": "^7.2.2",
24 |         "@babel/plugin-transform-runtime": "^7.2.0",
25 |         "@babel/polyfill": "^7.2.5",
26 |         "@babel/preset-env": "^7.2.3",
27 |         "@babel/runtime": "7.3.1",
28 |         "babel-loader": "^8.0.5",
29 |         "cross-env": "^5.2.0",
30 |         "css-loader": "^2.1.0",
31 |         "file-loader": "^3.0.1",
32 |         "html-webpack-plugin": "^3.2.0",
33 |         "node-sass": "^4.13.0",
34 |         "sass-loader": "^7.1.0",
35 |         "style-loader": "^0.23.1",
36 |         "url-loader": "^1.1.2",
37 |         "vue": "^2.5.22",
38 |         "vue-loader": "^15.5.0",
39 |         "vue-style-loader": "^4.1.2",
40 |         "vue-template-compiler": "^2.5.22",
41 |         "webpack": "^4.28.3",
42 |         "webpack-cli": "^3.2.0",
43 |         "webpack-dev-server": "^3.1.14"
44 |     }
45 | }
46 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div id="app">
  3 |         <div class="logo">
  4 |             <img src="../static/logo.png" alt="" width="250" height="250">
  5 |         </div>
  6 |         <h2 class="logo-name">
  7 |             <span style="color: #41b883">V</span>M Markdown
  8 |         </h2>
  9 |         <p class="desc">Markdown for Vue</p>
 10 | 
 11 |         <div class="themes" @click="selectTheme">
 12 |             <span data-theme="default" style="width:28px;height:28px"/>
 13 |             <span data-theme="dark"/>
 14 |             <span data-theme="green"/>
 15 |             <span data-theme="gray"/>
 16 |             <span data-theme="princess"/>
 17 |         </div>
 18 |         <h4>
 19 |             theme = "
 20 |             <span class="theme-type">default</span>"
 21 |         </h4>
 22 |         <VmMarkdown
 23 |             :theme="theme"
 24 |             :uploadImage="uploadImage"
 25 |             :defaultText="intro"
 26 |             width="1000px"
 27 |             height="800px"
 28 |             class="markdown"
 29 |             @change="onChange"
 30 |         />
 31 |         <div class="author">
 32 |             <a href="https://github.com/luosijie/vm-markdown">
 33 |                 <i class="iconfont icon-github"></i>
 34 |             </a>
 35 |             <span>
 36 |                 Designed by
 37 |                 <a href="https://github.com/luosijie">JesseLuo</a>
 38 |             </span>
 39 |         </div>
 40 |     </div>
 41 | </template>
 42 | 
 43 | <script>
 44 | // import VmMarkdown from './../dist/vm_markdown.min.js'
 45 | import VmMarkdown from "./components/vm-markdown/index.js"
 46 | import "highlight.js/styles/github.css"
 47 | import intro from "./text/intro.js"
 48 | import hljs from 'highlight.js'
 49 | export default {
 50 |     name: "app",
 51 |     components: {
 52 |         VmMarkdown
 53 |     },
 54 |     data: function() {
 55 |         return {
 56 |             theme: "default",
 57 |             intro: intro
 58 |         };
 59 |     },
 60 |     methods: {
 61 |         async uploadImage(file) {
 62 |             const imgUrl = await this.uploadRequest(file);
 63 |             return imgUrl
 64 |         },
 65 |         uploadRequest(file) {
 66 |             const result = "https://github.com/luosijie/Front-end-Blog/blob/master/img/logo_vmmarkdown_name.png?raw=true"
 67 |             return new Promise((resolve, reject) => {
 68 |                 window.setTimeout(() => {
 69 |                     resolve(result)
 70 |                 }, 1000)
 71 |             })
 72 |         },
 73 |         onChange(data) {
 74 |             this.$nextTick(() => {
 75 |                 const codes = document.querySelectorAll(".markdown-body pre code");
 76 |                 codes.forEach(elem => {
 77 |                     hljs.highlightBlock(elem);
 78 |                 });
 79 |             });
 80 |         },
 81 |         selectTheme(evt) {
 82 |             if (evt.target.tagName.toLowerCase() === "span") {
 83 |                 let theme = evt.target.dataset.theme;
 84 |                 let themeType = document.querySelector(".theme-type");
 85 |                 let spans = evt.target.parentNode.querySelectorAll("span");
 86 |                 for (let i; i < spans.length; i++) {
 87 |                     spans[i].style = "";
 88 |                 }
 89 |                 this.theme = theme;
 90 |                 themeType.innerText = theme;
 91 |                 evt.target.style.width = "28px";
 92 |                 evt.target.style.height = "28px";
 93 |             }
 94 |         }
 95 |     }
 96 | };
 97 | </script>
 98 | 
 99 | <style lang="scss">
100 | // @import url('./assets/iconfont/iconfont.css');
101 | #app {
102 |     font-family: "Avenir", Helvetica, Arial, sans-serif;
103 |     -webkit-font-smoothing: antialiased;
104 |     -moz-osx-font-smoothing: grayscale;
105 |     margin-top: 10px;
106 |     display: flex;
107 |     flex-direction: column;
108 |     align-items: center;
109 | }
110 | .markdown {
111 |     margin-top: 16px;
112 | }
113 | .author {
114 |     margin: 30px 0 20px;
115 |     display: flex;
116 |     flex-direction: column;
117 |     align-items: center;
118 |     i {
119 |         color: #232323;
120 |         font-size: 28px;
121 |     }
122 | }
123 | .logo {
124 |     svg {
125 |         transform: scale(0.7);
126 |     }
127 | }
128 | h2.logo-name {
129 |     color: #35495e;
130 | }
131 | .themes {
132 |     display: flex;
133 |     align-items: center;
134 |     span {
135 |         display: inline-block;
136 |         width: 24px;
137 |         height: 24px;
138 |         background-color: red;
139 |         border-radius: 50%;
140 |         margin: 0 6px;
141 |         border: 2px solid #e0e0e0;
142 |         cursor: pointer;
143 |         color: white;
144 |         &:nth-child(1) {
145 |             background-color: #35495e;
146 |         }
147 |         &:nth-child(2) {
148 |             background-color: #232323;
149 |         }
150 |         &:nth-child(3) {
151 |             background-color: #41b883;
152 |         }
153 |         &:nth-child(4) {
154 |             background-color: #fafbfc;
155 |         }
156 |         &:nth-child(5) {
157 |             background-color: #27292c;
158 |         }
159 |         &:nth-child(5) {
160 |             background-color: #f05959;
161 |         }
162 |     }
163 | }
164 | h2 {
165 |     font-weight: bold;
166 |     margin: 0px 0;
167 | }
168 | p.desc {
169 |     color: #858585;
170 |     margin: 20px 0 30px 0;
171 | }
172 | a {
173 |     color: #42b983;
174 |     text-decoration: none;
175 | }
176 | </style>
177 | 


--------------------------------------------------------------------------------
/src/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/assets/favicon.ico


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @font-face {font-family: "iconfont";
 3 |   src: url('iconfont.eot?t=1503648697628'); /* IE9*/
 4 |   src: url('iconfont.eot?t=1503648697628#iefix') format('embedded-opentype'), /* IE6-IE8 */
 5 |   url('iconfont.woff?t=1503648697628') format('woff'), /* chrome, firefox */
 6 |   url('iconfont.ttf?t=1503648697628') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 7 |   url('iconfont.svg?t=1503648697628#iconfont') format('svg'); /* iOS 4.1- */
 8 | }
 9 | 
10 | .iconfont {
11 |   font-family:"iconfont" !important;
12 |   font-size:16px;
13 |   font-style:normal;
14 |   -webkit-font-smoothing: antialiased;
15 |   -moz-osx-font-smoothing: grayscale;
16 | }
17 | 
18 | .icon-code:before { content: "\e65f"; }
19 | 
20 | .icon-line:before { content: "\e688"; }
21 | 
22 | .icon-italic:before { content: "\e7fe"; }
23 | 
24 | .icon-link:before { content: "\e66f"; }
25 | 
26 | .icon-underline:before { content: "\e823"; }
27 | 
28 | .icon-ul:before { content: "\e683"; }
29 | 
30 | .icon-quote:before { content: "\e8cf"; }
31 | 
32 | .icon-image:before { content: "\e627"; }
33 | 
34 | .icon-font-size:before { content: "\e931"; }
35 | 
36 | .icon-strikethrough:before { content: "\e61b"; }
37 | 
38 | .icon-heading:before { content: "\e620"; }
39 | 
40 | .icon-bold:before { content: "\e71b"; }
41 | 
42 | .icon-table:before { content: "\e813"; }
43 | 
44 | .icon-github:before { content: "\e603"; }
45 | 
46 | .icon-ol:before { content: "\e93c"; }
47 | 
48 | .icon-layout-default:before { content: "\e628"; }
49 | 
50 | .icon-layout-right:before { content: "\e629"; }
51 | 
52 | .icon-layout-left:before { content: "\e62a"; }
53 | 
54 | .icon-layout-zoom:before { content: "\e62b"; }
55 | 
56 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/assets/iconfont/iconfont.eot


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.js:
--------------------------------------------------------------------------------
1 | (function(window){var svgSprite="<svg>"+""+'<symbol id="icon-code" viewBox="0 0 1025 1024">'+""+'<path d="M240.496 272c-13.504 0-25.664 5.632-34.384 14.608l-0.048-0.048L16.848 475.76C6.608 484.56 0 497.456 0 512c0 13.504 5.616 25.664 14.592 34.368L14.56 546.432l192 192 0.048-0.064C215.248 746.784 226.992 752 240 752c26.512 0 48-21.488 48-48 0-12.992-5.216-24.752-13.616-33.392l0.048-0.048-158.304-158.32 157.808-157.808-0.048-0.048c8.976-8.72 14.608-20.88 14.608-34.384C288.496 293.488 267.008 272 240.496 272zM1024.496 512c0-14.56-6.608-27.44-16.848-36.24L818.432 286.56l-0.032 0.048C809.664 277.632 797.504 272 784 272c-26.512 0-48 21.488-48 48 0 13.504 5.632 25.664 14.608 34.384l-0.048 0.048 157.808 157.808-158.32 158.32 0.048 0.048c-8.384 8.64-13.616 20.384-13.616 33.392 0 26.512 21.488 48 48 48 12.992 0 24.752-5.216 33.408-13.632l0.048 0.064 192-192-0.048-0.064C1018.88 537.664 1024.496 525.504 1024.496 512zM640 128c-20.8 0-38.496 13.232-45.168 31.712L339.2 830.784C337.136 836.128 336 841.936 336 848c0 26.512 21.488 48 48 48 20.8 0 38.496-13.232 45.168-31.712L684.8 193.216C686.88 187.872 688 182.08 688 176 688 149.488 666.512 128 640 128z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-line" viewBox="0 0 1029 1024">'+""+'<path d="M-2.3e-05 368.468003l1028.178159 0.835018 0 199.360514L0.019419 568.663534-2.3e-05 368.468003-2.3e-05 368.468003zM-2.3e-05 383.736754"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-italic" viewBox="0 0 1024 1024">'+""+'<path d="M896 64l0 64-128 0-320 768 128 0 0 64-448 0 0-64 128 0 320-768-128 0 0-64z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-link" viewBox="0 0 1024 1024">'+""+'<path d="M972.8 664 740.8 432c-52.8-40-99.2 0-99.2 0l-60.8 60.8-52.8-52.8 52.8-54.4c46.4-44.8 0-105.6 0-105.6l-224-224c-64-57.6-123.2 0-123.2 0L59.2 233.6c-65.6 65.6-1.6 129.6-1.6 129.6L272 579.2c75.2 59.2 124.8 0 124.8 0l57.6-57.6 54.4 54.4-65.6 65.6c-64 65.6 0 121.6 0 121.6l209.6 209.6c65.6 46.4 128 0 128 0l192-192C1024 716.8 972.8 664 972.8 664zM481.6 352l-22.4 22.4c0 0-72-68.8-108.8-32 0 0-52.8 36.8 30.4 113.6l-27.2 27.2c0 0-16 24-52.8 0l-158.4-156.8c0 0-28.8-28.8 1.6-57.6l121.6-120c0 0 20.8-28.8 52.8 0l158.4 158.4C478.4 307.2 505.6 328 481.6 352zM876.8 745.6 740.8 880c0 0-20.8 19.2-40 3.2L526.4 710.4c0 0-9.6-11.2 9.6-28.8l35.2-35.2c0 0 65.6 75.2 107.2 35.2 0 0 49.6-41.6-32-113.6l24-24c0 0 17.6-24 44.8 0l163.2 163.2C876.8 707.2 894.4 720 876.8 745.6z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-underline" viewBox="0 0 1024 1024">'+""+'<path d="M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-ul" viewBox="0 0 1024 1024">'+""+'<path d="M201.31081481481482 434.3277037037037L45.9662222222222 434.3277037037037l0 155.3445925925926 155.3445925925926 0L201.31081481481482 434.3277037037037zM278.98311111111104 434.3277037037037l0 155.3445925925926 699.0506666666666 0L978.0337777777779 434.3277037037037 278.98311111111104 434.3277037037037zM201.31081481481482 745.0168888888888L45.9662222222222 745.0168888888888l0 155.3445925925926 155.3445925925926 0L201.31081481481482 745.0168888888888zM278.98311111111104 745.0168888888888l0 155.3445925925926 699.0506666666666 0 0-155.3445925925926L278.98311111111104 745.0168888888888zM201.31081481481482 123.6385185185186L45.9662222222222 123.6385185185186l0 155.3445925925926 155.3445925925926 0L201.31081481481482 123.6385185185186zM278.98311111111104 123.6385185185186l0 155.3445925925926 699.0506666666666 0L978.0337777777779 123.6385185185186 278.98311111111104 123.6385185185186z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-quote" viewBox="0 0 1024 1024">'+""+'<path d="M384 128c-81.292 0-144.966 22.458-189.254 66.746C150.458 239.034 128 302.708 128 384l0 512 320 0L448 384l-192 0c0-46.112 9.844-79.332 29.254-98.746C304.668 265.844 337.888 256 384 256"  ></path>'+""+'<path d="M832 128c-81.292 0-144.966 22.458-189.254 66.746C598.458 239.034 576 302.708 576 384l0 512 320 0L896 384l-192 0c0-46.112 9.844-79.332 29.254-98.746C752.668 265.844 785.888 256 832 256"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-image" viewBox="0 0 1024 1024">'+""+'<path d="M959.872 128c0.064 0.064 0.064 0.064 0.128 0.128l0 767.744c-0.064 0.064-0.064 0.064-0.128 0.128l-895.744 0c-0.064-0.064-0.064-0.064-0.128-0.128l0-767.744c0.064-0.064 0.064-0.064 0.128-0.128l895.744 0zM960 64l-896 0c-35.2 0-64 28.8-64 64l0 768c0 35.2 28.8 64 64 64l896 0c35.2 0 64-28.8 64-64l0-768c0-35.2-28.8-64-64-64l0 0z"  ></path>'+""+'<path d="M832 288c0 52.992-43.008 96-96 96s-96-43.008-96-96 43.008-96 96-96 96 43.008 96 96z"  ></path>'+""+'<path d="M896 832l-768 0 0-128 224-384 256 320 64 0 224-192z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-font-size" viewBox="0 0 1024 1024">'+""+'<path d="M101.788779 64.577784l821.186851 0 0 277.161461-36.316114 0c0 0-69.305459-169.237449-151.077857-184.007851-81.773422-14.770402-138.615011-4.604878-138.615011-4.604878l-1.017166 706.614419c0 0 22.694885 47.76077 60.157101 51.14996l82.923618 0 0 48.7851L285.797653 959.675996l1.146103-49.998741 72.633251-1.151219c0 0 54.538127-17.072841 54.538127-56.837496 0-39.706327 1.151219-692.868347 1.151219-692.868347s-89.704045-12.405541-136.312572-1.025353c-46.544059 11.317767-128.381949 79.476099-140.848888 179.403996l-36.316114 1.151219L101.788779 64.577784 101.788779 64.577784zM101.788779 64.577784"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-strikethrough" viewBox="0 0 1191 1024">'+""+'<path d="M1128.2753487500004 512.0357178125C1134.088930625 512.0357178125 1138.864371875 513.9043690625 1142.601674375 517.6416715625 1146.3389768749998 521.3789740625 1148.2076281250002 526.1544162499999 1148.2076281250002 531.9679971875L1148.2076281250002 571.8325549999998C1148.2076281250002 577.646136875 1146.3389768749998 582.4215790625 1142.601674375 586.1588806249999 1138.864371875 589.896183125 1134.088930625 591.7648315625001 1128.2753487500004 591.7648315625001L51.93227937500001 591.7648315625001C46.118697499999996 591.7648315625001 41.34325624999997 589.896183125 37.605953750000026 586.1588806249999 33.86865124999997 582.4215790625 32 577.646136875 32 571.8325549999998L32 531.9679971875C32 526.1544162499999 33.86865124999997 521.3789740625 37.605953750000026 517.6416715625 41.34325624999997 513.9043690625 46.118697499999996 512.0357178125 51.93227937500001 512.0357178125L1128.2753487500004 512.0357178125 1128.2753487500004 512.0357178125ZM332.8528371875 472.17116C321.22567437500004 457.63720624999996 310.63665125 441.0269740625 301.08576781249997 422.3404625 281.15348843749996 382.06064843750005 271.18734874999996 343.0266021875 271.18734874999996 305.2383228125 271.18734874999996 230.0770203125 299.00948843749995 165.91999718750003 354.65376781250006 112.76725343750002 409.8827909375 60.029765 491.4805578125 33.6610203125 599.447069375 33.6610203125 620.2098603125 33.6610203125 654.883720625 37.60595093750004 703.4686512499999 45.495811249999974 730.8755346875 50.47888062499999 767.625674375 60.44502031249999 813.719069375 75.39422937500007 817.8716281249999 91.17395093749997 822.2318140625 115.67404343750002 826.799628125 148.89450875 832.6132090625 199.97097406249998 835.52 237.966880625 835.52 262.882229375 835.52 270.35683437499995 834.4818603125 279.70009062500003 832.4055809375 290.9119971875L824.9309768749999 292.78064843749996 772.60874375 289.0433459375 763.888371875 287.79757906250006C743.1255809375 225.9244625 721.7399065625 183.3607409375 699.7313487499999 160.10641625 663.1888371875 122.318136875 619.586976875 103.42399718750005 568.9257678125 103.42399718750005 521.5866050000001 103.42399718750005 483.79832562499996 115.67404343750002 455.56093062499997 140.174136875 427.73879093749997 164.2589740625 413.827720625 194.5726484375 413.827720625 231.11516 413.827720625 261.42883437499995 427.5311628125 290.4967409375 454.93804625 318.318880625 482.344930625 346.1410203125 540.2731165624999 372.9250203125 628.7226049999999 398.670880625 657.37525625 406.9759971875 693.2948834375 420.67943937499996 736.4814884375 439.78120624999997 760.566325625 451.4083690625 780.2909768750001 462.2050203125 795.6554421875001 472.17116L332.8528371875 472.17116 332.8528371875 472.17116ZM904.6600934375001 631.629395C907.5668834374999 647.824371875 909.020279375 666.9261396874999 909.020279375 688.9346975000001 909.020279375 735.0280934374999 900.5075346875001 779.0452090624999 883.4820462499999 820.98604625 873.9311628124999 843.8251165624999 859.1895809375001 865.4184134375 839.2573025 885.76595375 823.8928371874999 900.2999065624999 801.261395 917.1177678125 771.3629768750001 936.2195346875001 738.1425115625001 956.1518140625001 706.3754421875 969.8552506249999 676.0617678125 977.3298603124999 642.8413025 986.0502265625 600.6928371875 990.4104134375 549.616371875 990.4104134375 502.2772090625 990.4104134375 461.7897678125 985.6349768750001 428.15404625 976.0840878125L340.950325625 951.1687390625C317.28074374999994 944.524645625 302.33153468750004 938.71106375 296.1026975 933.727994375 292.78065125 930.40595375 291.11962812499996 925.8381396875002 291.11962812499996 920.0245521874999L291.11962812499996 911.927069375 291.11962812499996 749.3544190625 291.11962812499996 721.9475346874999 354.65376781250006 720.7017621875C360.882605 734.8204596875 367.11144218749996 749.562040625 373.340279375 764.9265115625 379.56911656249997 780.2909768750001 384.2407437499999 791.9181396874999 387.35516281249994 799.808 390.4695809375 807.6978603125001 393.064930625 813.3038140624999 395.14120906249997 816.6258603125 409.6751628125 840.2954421875 426.285395 859.8124653125 444.97190656249995 875.1769306250001 462.82790656249995 890.1261396875 484.62883718750004 901.9609306250001 510.3746975 910.6813024999999 534.8747909374999 919.8169306249999 562.2816743749999 924.3847437500001 592.5953487500001 924.3847437500001 619.171720625 924.3847437500001 648.0319999999999 918.7787909374999 679.1761859375 907.5668834374999 711.1508834374999 896.7702321874999 736.4814884375 878.9142321874999 755.168 853.9988834375 774.685023125 828.6682793750001 784.4435346875 801.884279375 784.4435346875 773.6468778125 784.4435346875 738.765395 767.625674375 706.1678140625002 733.9899537499999 675.8541396875 719.87125625 663.8117206249999 691.4262321875 649.0701396875002 648.6548834375002 631.629395L904.6600934375001 631.629395Z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-heading" viewBox="0 0 1024 1024">'+""+'<path d="M30.359 74.071c-4.688 8.596-7.031 17.971-7.031 28.125 0 11.719 3.516 20.408 10.547 26.074s15.135 8.689 24.316 9.082c9.176 0.393 19.629 1.271 31.348 2.637s20.701 4.002 26.953 7.91c13.283 8.203 19.922 35.549 19.922 82.031L137 782.47c0 53.906-6.838 85.354-20.508 94.336-5.859 3.908-14.455 6.346-25.781 7.324-11.332 0.979-21.387 1.564-30.176 1.758s-16.605 3.029-23.438 8.496c-6.838 5.467-10.254 14.063-10.254 25.781 0 10.154 2.438 19.529 7.324 28.125 4.881 8.596 12.205 12.891 21.973 12.891 16.793 0 41.988-0.686 75.586-2.051 33.592-1.365 58.787-2.051 75.586-2.051 17.186 0 42.967 0.686 77.344 2.051s60.158 2.051 77.344 2.051c9.768 0 17.092-4.295 21.973-12.891s7.324-17.971 7.324-28.125c0-14.842-4.98-24.51-14.941-29.004s-22.852-7.031-38.672-7.617-27.246-3.029-34.277-7.324c-13.67-8.203-20.508-39.451-20.508-93.75l0.586-187.5c0-8.203 0.193-14.455 0.586-18.75 5.08-1.172 12.498-1.758 22.266-1.758h409.571c10.154 0 17.771 0.586 22.852 1.758 0.387 4.295 0.586 10.547 0.586 18.75l0.586 187.5c0 54.299-6.838 85.547-20.508 93.75-5.859 3.908-14.256 6.445-25.195 7.617s-20.607 1.951-29.004 2.344-15.92 3.223-22.559 8.496-9.961 13.77-9.961 25.488c0 10.154 2.443 19.529 7.324 28.125s12.205 12.891 21.973 12.891c16.406 0 41.115-0.686 74.121-2.051s57.715-2.051 74.121-2.051c17.965 0 45.018 0.686 81.152 2.051 36.129 1.365 63.182 2.051 81.152 2.051 9.375 0 16.406-4.295 21.094-12.891s7.031-17.971 7.031-28.125c0-12.111-3.516-20.9-10.547-26.367s-15.041-8.203-24.023-8.203c-8.988 0-19.336-0.393-31.055-1.172s-20.508-3.123-26.367-7.031c-3.516-2.344-6.645-5.859-9.375-10.547-2.736-4.688-4.887-10.84-6.445-18.457-1.564-7.617-2.836-14.748-3.809-21.387-0.979-6.639-1.664-14.842-2.051-24.609-0.393-9.768-0.686-17.285-0.879-22.559-0.199-5.273-0.199-12.404 0-21.387 0.193-8.982 0.293-14.063 0.293-15.234V266.845l-0.586-33.398c0-46.875 6.445-74.807 19.336-83.789 5.859-3.908 14.063-6.838 24.609-8.789s19.822-3.416 27.832-4.395c8.004-0.979 15.035-4.395 21.094-10.254 6.053-5.859 9.082-14.648 9.082-26.367 0-9.375-2.443-18.164-7.324-26.367-4.887-8.203-11.818-12.305-20.801-12.305-16.406 0-41.215 0.686-74.414 2.051-33.205 1.365-58.207 2.051-75 2.051-17.971 0-45.023-0.686-81.152-2.051-36.135-1.365-63.381-2.051-81.738-2.051-9.375 0-16.506 4.295-21.387 12.891s-7.324 17.971-7.324 28.125c0 12.111 3.908 20.994 11.719 26.66s16.6 8.596 26.367 8.789 20.9 0.879 33.398 2.051 21.873 3.709 28.125 7.617c14.455 8.596 21.68 40.623 21.68 96.094l-0.586 217.383c0 8.203-0.199 14.256-0.586 18.164-5.08 1.564-15.041 2.344-29.883 2.344H313.367c-14.455 0-24.217-0.779-29.297-2.344-0.393-3.908-0.586-9.961-0.586-18.164l-0.586-229.102c0-46.482 6.445-73.828 19.336-82.031 6.252-3.908 15.041-6.838 26.367-8.789s21.287-3.322 29.883-4.102 16.213-4.102 22.852-9.961 9.961-14.842 9.961-26.953c0-9.768-2.537-18.65-7.617-26.66S371.375 61.181 362 61.181c-17.186 0-42.967 0.686-77.344 2.051s-60.158 2.051-77.344 2.051c-17.578 0-43.652-0.686-78.223-2.051s-60.451-2.051-77.637-2.051c-9.374 0-16.406 4.295-21.093 12.89z" fill="" ></path>'+""+"</symbol>"+""+'<symbol id="icon-bold" viewBox="0 0 1024 1024">'+""+'<path d="M426.857143 869.142857q42.285714 18.285714 80 18.285714 214.857143 0 214.857143-191.428571 0-65.142857-23.428572-102.857143-15.428571-25.142857-35.142857-42.285714t-38.571428-26.571429-46-14.285714-48-6-54-1.142857q-41.714286 0-57.714286 5.714286 0 30.285714-0.285714 90.857142t-0.285715 90.285715q0 4.571429-0.571428 38.571428t-0.285715 55.142857 2.571429 47.714286 6.857143 38z m-8-426.285714q24 4 62.285714 4 46.857143 0 81.714286-7.428572t62.857143-25.428571 42.571428-51.142857 14.571429-81.142857q0-40-16.571429-70t-45.142857-46.857143T559.428571 140t-70.857142-8q-28.571429 0-74.285715 7.428571 0 28.571429 2.285715 86.285715t2.285714 86.857143q0 15.428571-0.285714 45.714285t-0.285715 45.142857q0 26.285714 0.571429 39.428572z m-309.142857 508l1.142857-53.714286q8.571429-2.285714 48.571428-9.142857t60.571429-15.428571q4-6.857143 7.142857-15.428572t4.857143-19.142857 3.142857-18.571429 1.714286-21.428571 0.285714-19.428571V741.142857q0-561.142857-12.571428-585.714286-2.285714-4.571429-12.571429-8.285714t-25.428571-6.285714-28.285715-4-27.714285-2.571429-17.428572-1.714285l-2.285714-47.428572q56-1.142857 194.285714-6.571428t213.142857-5.428572q13.142857 0 39.142857 0.285714t38.571429 0.285715q40 0 78 7.428571t73.428571 24 61.714286 40.571429 42.285714 59.714285 16 78.571429q0 29.714286-9.428571 54.571429t-22.285714 41.142857T798.857143 412.571429t-41.714286 25.714285-48 22.857143q88 20 146.571429 76.571429t58.571428 141.714285q0 57.142857-20 102.571429t-53.428571 74.571429-78.857143 48.857142T668.571429 933.142857t-100.571429 8q-25.142857 0-75.428571-1.714286t-75.428572-1.714285q-60.571429 0-175.428571 6.285714t-132 6.857143z" fill="" ></path>'+""+"</symbol>"+""+'<symbol id="icon-table" viewBox="0 0 1024 1024">'+""+'<path d="M329.142857 786.285714v-109.714285q0-8-5.142857-13.142858t-13.142857-5.142857H128q-8 0-13.142857 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142857 5.142858h182.857143q8 0 13.142857-5.142858t5.142857-13.142857z m0-219.428571V457.142857q0-8-5.142857-13.142857t-13.142857-5.142857H128q-8 0-13.142857 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142857z m292.571429 219.428571v-109.714285q0-8-5.142857-13.142858t-13.142858-5.142857H420.571429q-8 0-13.142858 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142858 5.142858h182.857142q8 0 13.142858-5.142858t5.142857-13.142857zM329.142857 347.428571V237.714286q0-8-5.142857-13.142857t-13.142857-5.142858H128q-8 0-13.142857 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142858z m292.571429 219.428572V457.142857q0-8-5.142857-13.142857t-13.142858-5.142857H420.571429q-8 0-13.142858 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142858 5.142857h182.857142q8 0 13.142858-5.142857t5.142857-13.142857z m292.571428 219.428571v-109.714285q0-8-5.142857-13.142858t-13.142857-5.142857h-182.857143q-8 0-13.142857 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142857 5.142858h182.857143q8 0 13.142857-5.142858t5.142857-13.142857z m-292.571428-438.857143V237.714286q0-8-5.142857-13.142857t-13.142858-5.142858H420.571429q-8 0-13.142858 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142858 5.142857h182.857142q8 0 13.142858-5.142857t5.142857-13.142858z m292.571428 219.428572V457.142857q0-8-5.142857-13.142857t-13.142857-5.142857h-182.857143q-8 0-13.142857 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142857z m0-219.428572V237.714286q0-8-5.142857-13.142857t-13.142857-5.142858h-182.857143q-8 0-13.142857 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142858z m73.142857-182.857142v621.714285q0 37.714286-26.857142 64.571429t-64.571429 26.857143H128q-37.714286 0-64.571429-26.857143t-26.857142-64.571429V164.571429q0-37.714286 26.857142-64.571429t64.571429-26.857143h768q37.714286 0 64.571429 26.857143t26.857142 64.571429z" fill="" ></path>'+""+"</symbol>"+""+'<symbol id="icon-github" viewBox="0 0 1024 1024">'+""+'<path d="M512 51.2c-256 0-460.8 204.8-460.8 460.8 0 204.8 133.12 378.88 317.44 435.2 25.6 5.12 30.72-10.24 30.72-20.48v-76.8c-128 25.6-153.6-61.44-153.6-61.44-20.48-51.2-51.2-66.56-51.2-66.56-40.96-30.72 5.12-30.72 5.12-30.72 46.08 5.12 71.68 46.08 71.68 46.08 40.96 71.68 107.52 51.2 133.12 40.96 5.12-30.72 15.36-51.2 30.72-61.44-102.4-10.24-209.92-51.2-209.92-225.28 0-51.2 15.36-92.16 46.08-122.88-10.24-15.36-25.6-61.44 0-128 0 0 40.96-10.24 128 46.08 35.84-10.24 71.68-15.36 112.64-15.36s76.8 5.12 112.64 15.36c87.04-61.44 128-46.08 128-46.08 25.6 61.44 10.24 112.64 5.12 122.88 30.72 30.72 46.08 71.68 46.08 122.88 0 179.2-107.52 215.04-209.92 225.28 15.36 15.36 30.72 40.96 30.72 87.04v128c0 10.24 10.24 25.6 30.72 20.48C839.68 890.88 972.8 716.8 972.8 512c0-256-204.8-460.8-460.8-460.8z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-ol" viewBox="0 0 1024 1024">'+""+'<path d="M217.728 925.728q0 45.728-31.136 72T109.152 1024Q48.576 1024 10.88 986.272l32.576-50.272q28 25.728 60.576 25.728 16.576 0 28.864-8.288t12.288-24.288q0-36.576-60-32l-14.848-32q4.576-5.728 18.56-24.864t24.288-30.848 21.152-22.016v-0.576q-9.152 0-27.712 0.576t-27.712 0.576v30.272H18.336v-86.848h190.272v50.272l-54.272 65.728q29.152 6.848 46.272 28t17.152 50.272z m1.12-358.304v90.848H12q-3.424-20.576-3.424-30.848 0-29.152 13.44-53.152t32.288-38.848 37.728-27.136 32.288-24.864 13.44-25.728q0-14.272-8.288-22.016t-22.56-7.712q-26.272 0-46.272 33.152L12.064 427.392q13.728-29.152 40.864-45.44t60.288-16.288q41.728 0 70.272 23.712t28.576 64.288q0 28.576-19.424 52.288t-42.848 36.864-43.136 28.864-20.288 30.016h72.576v-34.272h60zM1024 749.728v109.728q0 7.424-5.44 12.864t-12.864 5.44H310.848q-7.424 0-12.864-5.44t-5.44-12.864v-109.728q0-8 5.152-13.152t13.152-5.152h694.848q7.424 0 12.864 5.44t5.44 12.864zM219.424 236v56.576H28V236h61.152q0-23.424 0.288-69.44t0.288-69.44v-6.848h-1.152q-4.576 9.728-28.576 30.848L19.424 77.696 97.152 5.12h60.576v230.848h61.728zM1024 457.152v109.728q0 7.424-5.44 12.864t-12.864 5.44H310.848q-7.424 0-12.864-5.44t-5.44-12.864v-109.728q0-8 5.152-13.152t13.152-5.152h694.848q7.424 0 12.864 5.44t5.44 12.864z m0-292.576v109.728q0 7.424-5.44 12.864t-12.864 5.44H310.848q-7.424 0-12.864-5.44t-5.44-12.864V164.576q0-7.424 5.44-12.864t12.864-5.44h694.848q7.424 0 12.864 5.44t5.44 12.864z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-layout-default" viewBox="0 0 1024 1024">'+""+'<path d="M918.4 48H48V972.8H976V48h-57.6zM105.6 918.4V105.6h377.6v809.6H105.6z m812.8 0H540.8V105.6h377.6v812.8z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-layout-right" viewBox="0 0 1024 1024">'+""+'<path d="M972.8 48H48V972.8h928l-3.2-924.8zM105.6 915.2V537.6h617.6V480H105.6V105.6h812.8v809.6H105.6z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-layout-left" viewBox="0 0 1024 1024">'+""+'<path d="M972.8 48H48V972.8h928V480l-3.2-432z m-54.4 489.6v377.6H105.6V105.6h812.8V480H300.8v57.6h617.6z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-layout-zoom" viewBox="0 0 1024 1024">'+""+'<path d="M976 48h-928V972.8h928V48zM105.6 105.6h812.8v809.6H105.6V105.6z"  ></path>'+""+'<path d="M758.4 208H208V812.8h608V208h-57.6z m0 550.4H265.6V265.6h492.8v492.8z"  ></path>'+""+"</symbol>"+""+"</svg>";var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window)


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <!--
 4 | 2013-9-30: Created.
 5 | -->
 6 | <svg>
 7 | <metadata>
 8 | Created by iconfont
 9 | </metadata>
10 | <defs>
11 | 
12 | <font id="iconfont" horiz-adv-x="1024" >
13 |   <font-face
14 |     font-family="iconfont"
15 |     font-weight="500"
16 |     font-stretch="normal"
17 |     units-per-em="1024"
18 |     ascent="896"
19 |     descent="-128"
20 |   />
21 |     <missing-glyph />
22 |     
23 |     <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
24 | d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
25 | t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
26 | t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
27 |     
28 | 
29 |     
30 |     <glyph glyph-name="code" unicode="&#58975;" d="M240.496 540c-13.504 0-25.664-5.632-34.384-14.608l-0.048 0.048L16.848 336.24C6.608 327.44 0 314.544 0 300c0-13.504 5.616-25.664 14.592-34.368L14.56 265.568l192-192 0.048 0.064C215.248 65.216 226.992 60 240 60c26.512 0 48 21.488 48 48 0 12.992-5.216 24.752-13.616 33.392l0.048 0.048-158.304 158.32 157.808 157.808-0.048 0.048c8.976 8.72 14.608 20.88 14.608 34.384C288.496 518.512 267.008 540 240.496 540zM1024.496 300c0 14.56-6.608 27.44-16.848 36.24L818.432 525.44l-0.032-0.048C809.664 534.368 797.504 540 784 540c-26.512 0-48-21.488-48-48 0-13.504 5.632-25.664 14.608-34.384l-0.048-0.048 157.808-157.808-158.32-158.32 0.048-0.048c-8.384-8.64-13.616-20.384-13.616-33.392 0-26.512 21.488-48 48-48 12.992 0 24.752 5.216 33.408 13.632l0.048-0.064 192 192-0.048 0.064C1018.88 274.336 1024.496 286.496 1024.496 300zM640 684c-20.8 0-38.496-13.232-45.168-31.712L339.2-18.784C337.136-24.128 336-29.936 336-36c0-26.512 21.488-48 48-48 20.8 0 38.496 13.232 45.168 31.712L684.8 618.784C686.88 624.128 688 629.92 688 636 688 662.512 666.512 684 640 684z"  horiz-adv-x="1025" />
31 | 
32 |     
33 |     <glyph glyph-name="line" unicode="&#59016;" d="M-2.3e-05 443.531997l1028.178159-0.835018 0-199.360514L0.019419 243.336466-2.3e-05 443.531997-2.3e-05 443.531997zM-2.3e-05 428.263246"  horiz-adv-x="1029" />
34 | 
35 |     
36 |     <glyph glyph-name="italic" unicode="&#59390;" d="M896 832l0-64-128 0-320-768 128 0 0-64-448 0 0 64 128 0 320 768-128 0 0 64z"  horiz-adv-x="1024" />
37 | 
38 |     
39 |     <glyph glyph-name="link" unicode="&#58991;" d="M972.8 220l-232 232c-52.8 40-99.2 0-99.2 0l-60.8-60.8-52.8 52.8 52.8 54.4c46.4 44.8 0 105.6 0 105.6l-224 224c-64 57.6-123.2 0-123.2 0l-174.4-177.6c-65.6-65.6-1.6-129.6-1.6-129.6l214.4-216c75.2-59.2 124.8 0 124.8 0l57.6 57.6 54.4-54.4-65.6-65.6c-64-65.6 0-121.6 0-121.6l209.6-209.6c65.6-46.4 128 0 128 0l192 192c51.2 64 0 116.8 0 116.8zM481.6 532l-22.4-22.4c0 0-72 68.8-108.8 32 0 0-52.8-36.8 30.4-113.6l-27.2-27.2c0 0-16-24-52.8 0l-158.4 156.8c0 0-28.8 28.8 1.6 57.6l121.6 120c0 0 20.8 28.8 52.8 0l158.4-158.4c1.6 0 28.8-20.8 4.8-44.8zM876.8 138.4l-136-134.4c0 0-20.8-19.2-40-3.2l-174.4 172.8c0 0-9.6 11.2 9.6 28.8l35.2 35.2c0 0 65.6-75.2 107.2-35.2 0 0 49.6 41.6-32 113.6l24 24c0 0 17.6 24 44.8 0l163.2-163.2c-1.6 0 16-12.8-1.6-38.4z"  horiz-adv-x="1024" />
40 | 
41 |     
42 |     <glyph glyph-name="underline" unicode="&#59427;" d="M704 832l128 0 0-416c0-159.072-143.264-288-320-288s-320 128.928-320 288l0 416 128 0 0-416c0-40.16 18.24-78.688 51.36-108.512 36.896-33.216 86.848-51.488 140.64-51.488s103.744 18.304 140.64 51.488c33.12 29.792 51.36 68.352 51.36 108.512l0 416zM192 64l640 0 0-128-640 0z"  horiz-adv-x="1024" />
43 | 
44 |     
45 |     <glyph glyph-name="ul" unicode="&#59011;" d="M201.31081481481482 461.6722962962963L45.9662222222222 461.6722962962963l0-155.3445925925926 155.3445925925926 0L201.31081481481482 461.6722962962963zM278.98311111111104 461.6722962962963l0-155.3445925925926 699.0506666666666 0L978.0337777777779 461.6722962962963 278.98311111111104 461.6722962962963zM201.31081481481482 150.98311111111116L45.9662222222222 150.98311111111116l0-155.3445925925926 155.3445925925926 0L201.31081481481482 150.98311111111116zM278.98311111111104 150.98311111111116l0-155.3445925925926 699.0506666666666 0 0 155.3445925925926L278.98311111111104 150.98311111111116zM201.31081481481482 772.3614814814814L45.9662222222222 772.3614814814814l0-155.3445925925926 155.3445925925926 0L201.31081481481482 772.3614814814814zM278.98311111111104 772.3614814814814l0-155.3445925925926 699.0506666666666 0L978.0337777777779 772.3614814814814 278.98311111111104 772.3614814814814z"  horiz-adv-x="1024" />
46 | 
47 |     
48 |     <glyph glyph-name="quote" unicode="&#59599;" d="M384 768c-81.292 0-144.966-22.458-189.254-66.746C150.458 656.966 128 593.292 128 512l0-512 320 0L448 512l-192 0c0 46.112 9.844 79.332 29.254 98.746C304.668 630.156 337.888 640 384 640M832 768c-81.292 0-144.966-22.458-189.254-66.746C598.458 656.966 576 593.292 576 512l0-512 320 0L896 512l-192 0c0 46.112 9.844 79.332 29.254 98.746C752.668 630.156 785.888 640 832 640"  horiz-adv-x="1024" />
49 | 
50 |     
51 |     <glyph glyph-name="image" unicode="&#58919;" d="M959.872 768c0.064-0.064 0.064-0.064 0.128-0.128l0-767.744c-0.064-0.064-0.064-0.064-0.128-0.128l-895.744 0c-0.064 0.064-0.064 0.064-0.128 0.128l0 767.744c0.064 0.064 0.064 0.064 0.128 0.128l895.744 0zM960 832l-896 0c-35.2 0-64-28.8-64-64l0-768c0-35.2 28.8-64 64-64l896 0c35.2 0 64 28.8 64 64l0 768c0 35.2-28.8 64-64 64l0 0zM832 608c0-52.992-43.008-96-96-96s-96 43.008-96 96 43.008 96 96 96 96-43.008 96-96zM896 64l-768 0 0 128 224 384 256-320 64 0 224 192z"  horiz-adv-x="1024" />
52 | 
53 |     
54 |     <glyph glyph-name="font-size" unicode="&#59697;" d="M101.788779 831.422216l821.186851 0 0-277.161461-36.316114 0c0 0-69.305459 169.237449-151.077857 184.007851-81.773422 14.770402-138.615011 4.604878-138.615011 4.604878l-1.017166-706.614419c0 0 22.694885-47.76077 60.157101-51.14996l82.923618 0 0-48.7851L285.797653-63.675996000000055l1.146103 49.998741 72.633251 1.151219c0 0 54.538127 17.072841 54.538127 56.837496 0 39.706327 1.151219 692.868347 1.151219 692.868347s-89.704045 12.405541-136.312572 1.025353c-46.544059-11.317767-128.381949-79.476099-140.848888-179.403996l-36.316114-1.151219L101.788779 831.422216 101.788779 831.422216zM101.788779 831.422216"  horiz-adv-x="1024" />
55 | 
56 |     
57 |     <glyph glyph-name="strikethrough" unicode="&#58907;" d="M1128.2753487500004 383.9642821875C1134.088930625 383.9642821875 1138.864371875 382.0956309375 1142.601674375 378.35832843749995 1146.3389768749998 374.6210259375 1148.2076281250002 369.84558375000006 1148.2076281250002 364.03200281249997L1148.2076281250002 324.16744500000016C1148.2076281250002 318.353863125 1146.3389768749998 313.5784209375 1142.601674375 309.84111937500006 1138.864371875 306.103816875 1134.088930625 304.23516843749985 1128.2753487500004 304.23516843749985L51.93227937500001 304.23516843749985C46.118697499999996 304.23516843749985 41.34325624999997 306.103816875 37.605953750000026 309.84111937500006 33.86865124999997 313.5784209375 32 318.353863125 32 324.16744500000016L32 364.03200281249997C32 369.84558375000006 33.86865124999997 374.6210259375 37.605953750000026 378.35832843749995 41.34325624999997 382.0956309375 46.118697499999996 383.9642821875 51.93227937500001 383.9642821875L1128.2753487500004 383.9642821875 1128.2753487500004 383.9642821875ZM332.8528371875 423.82884C321.22567437500004 438.36279375000004 310.63665125 454.9730259375 301.08576781249997 473.6595375 281.15348843749996 513.9393515625 271.18734874999996 552.9733978125 271.18734874999996 590.7616771875 271.18734874999996 665.9229796875 299.00948843749995 730.0800028125 354.65376781250006 783.2327465625 409.8827909375 835.970235 491.4805578125 862.3389796875 599.447069375 862.3389796875 620.2098603125 862.3389796875 654.883720625 858.3940490625 703.4686512499999 850.50418875 730.8755346875 845.521119375 767.625674375 835.5549796875 813.719069375 820.6057706249999 817.8716281249999 804.8260490625 822.2318140625 780.3259565625 826.799628125 747.10549125 832.6132090625 696.0290259375 835.52 658.0331193750001 835.52 633.117770625 835.52 625.643165625 834.4818603125 616.299909375 832.4055809375 605.0880028125L824.9309768749999 603.2193515625 772.60874375 606.9566540625 763.888371875 608.2024209374999C743.1255809375 670.0755375 721.7399065625 712.6392590625001 699.7313487499999 735.8935837500001 663.1888371875 773.6818631250001 619.586976875 792.5760028125 568.9257678125 792.5760028125 521.5866050000001 792.5760028125 483.79832562499996 780.3259565625 455.56093062499997 755.8258631250001 427.73879093749997 731.7410259375 413.827720625 701.4273515625 413.827720625 664.8848399999999 413.827720625 634.571165625 427.5311628125 605.5032590625 454.93804625 577.681119375 482.344930625 549.8589796875 540.2731165624999 523.0749796875 628.7226049999999 497.329119375 657.37525625 489.0240028125 693.2948834375 475.32056062500004 736.4814884375 456.21879375000003 760.566325625 444.5916309375 780.2909768750001 433.7949796875 795.6554421875001 423.82884L332.8528371875 423.82884 332.8528371875 423.82884ZM904.6600934375001 264.37060499999995C907.5668834374999 248.175628125 909.020279375 229.07386031250007 909.020279375 207.06530249999992 909.020279375 160.97190656250007 900.5075346875001 116.95479093750009 883.4820462499999 75.01395375000004 873.9311628124999 52.17488343750006 859.1895809375001 30.58158656249998 839.2573025 10.234046250000006 823.8928371874999-4.2999065624999275 801.261395-21.117767812500006 771.3629768750001-40.21953468750007 738.1425115625001-60.15181406250008 706.3754421875-73.85525062499994 676.0617678125-81.32986031249993 642.8413025-90.05022656250003 600.6928371875-94.41041343749998 549.616371875-94.41041343749998 502.2772090625-94.41041343749998 461.7897678125-89.63497687500012 428.15404625-80.0840878125L340.950325625-55.16873906249998C317.28074374999994-48.52464562499995 302.33153468750004-42.711063749999994 296.1026975-37.72799437499998 292.78065125-34.40595374999998 291.11962812499996-29.83813968750019 291.11962812499996-24.02455218749992L291.11962812499996-15.927069374999974 291.11962812499996 146.64558093749997 291.11962812499996 174.0524653125001 354.65376781250006 175.29823781250002C360.882605 161.17954031249997 367.11144218749996 146.437959375 373.340279375 131.07348843750003 379.56911656249997 115.70902312499993 384.2407437499999 104.08186031250011 387.35516281249994 96.19200000000001 390.4695809375 88.3021396874999 393.064930625 82.6961859375001 395.14120906249997 79.37413968750002 409.6751628125 55.70455781249996 426.285395 36.18753468750003 444.97190656249995 20.823069374999932 462.82790656249995 5.873860312500028 484.62883718750004-5.96093062500006 510.3746975-14.681302499999902 534.8747909374999-23.81693062499994 562.2816743749999-28.384743750000098 592.5953487500001-28.384743750000098 619.171720625-28.384743750000098 648.0319999999999-22.778790937499934 679.1761859375-11.566883437499882 711.1508834374999-0.7702321874999143 736.4814884375 17.08576781250008 755.168 42.00111656249999 774.685023125 67.33172062499989 784.4435346875 94.115720625 784.4435346875 122.35312218750005 784.4435346875 157.234605 767.625674375 189.83218593749984 733.9899537499999 220.14586031249996 719.87125625 232.1882793750001 691.4262321875 246.92986031249984 648.6548834375002 264.37060499999995L904.6600934375001 264.37060499999995Z"  horiz-adv-x="1191" />
58 | 
59 |     
60 |     <glyph glyph-name="heading" unicode="&#58912;" d="M30.359 821.929c-4.688-8.596-7.031-17.971-7.031-28.125 0-11.719 3.516-20.408 10.547-26.074s15.135-8.689 24.316-9.082c9.176-0.393 19.629-1.271 31.348-2.637s20.701-4.002 26.953-7.91c13.283-8.203 19.922-35.549 19.922-82.031L137 113.52999999999997c0-53.906-6.838-85.354-20.508-94.336-5.859-3.908-14.455-6.346-25.781-7.324-11.332-0.979-21.387-1.564-30.176-1.758s-16.605-3.029-23.438-8.496c-6.838-5.467-10.254-14.063-10.254-25.781 0-10.154 2.438-19.529 7.324-28.125 4.881-8.596 12.205-12.891 21.973-12.891 16.793 0 41.988 0.686 75.586 2.051 33.592 1.365 58.787 2.051 75.586 2.051 17.186 0 42.967-0.686 77.344-2.051s60.158-2.051 77.344-2.051c9.768 0 17.092 4.295 21.973 12.891s7.324 17.971 7.324 28.125c0 14.842-4.98 24.51-14.941 29.004s-22.852 7.031-38.672 7.617-27.246 3.029-34.277 7.324c-13.67 8.203-20.508 39.451-20.508 93.75l0.586 187.5c0 8.203 0.193 14.455 0.586 18.75 5.08 1.172 12.498 1.758 22.266 1.758h409.571c10.154 0 17.771-0.586 22.852-1.758 0.387-4.295 0.586-10.547 0.586-18.75l0.586-187.5c0-54.299-6.838-85.547-20.508-93.75-5.859-3.908-14.256-6.445-25.195-7.617s-20.607-1.951-29.004-2.344-15.92-3.223-22.559-8.496-9.961-13.77-9.961-25.488c0-10.154 2.443-19.529 7.324-28.125s12.205-12.891 21.973-12.891c16.406 0 41.115 0.686 74.121 2.051s57.715 2.051 74.121 2.051c17.965 0 45.018-0.686 81.152-2.051 36.129-1.365 63.182-2.051 81.152-2.051 9.375 0 16.406 4.295 21.094 12.891s7.031 17.971 7.031 28.125c0 12.111-3.516 20.9-10.547 26.367s-15.041 8.203-24.023 8.203c-8.988 0-19.336 0.393-31.055 1.172s-20.508 3.123-26.367 7.031c-3.516 2.344-6.645 5.859-9.375 10.547-2.736 4.688-4.887 10.84-6.445 18.457-1.564 7.617-2.836 14.748-3.809 21.387-0.979 6.639-1.664 14.842-2.051 24.609-0.393 9.768-0.686 17.285-0.879 22.559-0.199 5.273-0.199 12.404 0 21.387 0.193 8.982 0.293 14.063 0.293 15.234V629.155l-0.586 33.398c0 46.875 6.445 74.807 19.336 83.789 5.859 3.908 14.063 6.838 24.609 8.789s19.822 3.416 27.832 4.395c8.004 0.979 15.035 4.395 21.094 10.254 6.053 5.859 9.082 14.648 9.082 26.367 0 9.375-2.443 18.164-7.324 26.367-4.887 8.203-11.818 12.305-20.801 12.305-16.406 0-41.215-0.686-74.414-2.051-33.205-1.365-58.207-2.051-75-2.051-17.971 0-45.023 0.686-81.152 2.051-36.135 1.365-63.381 2.051-81.738 2.051-9.375 0-16.506-4.295-21.387-12.891s-7.324-17.971-7.324-28.125c0-12.111 3.908-20.994 11.719-26.66s16.6-8.596 26.367-8.789 20.9-0.879 33.398-2.051 21.873-3.709 28.125-7.617c14.455-8.596 21.68-40.623 21.68-96.094l-0.586-217.383c0-8.203-0.199-14.256-0.586-18.164-5.08-1.564-15.041-2.344-29.883-2.344H313.367c-14.455 0-24.217 0.779-29.297 2.344-0.393 3.908-0.586 9.961-0.586 18.164l-0.586 229.102c0 46.482 6.445 73.828 19.336 82.031 6.252 3.908 15.041 6.838 26.367 8.789s21.287 3.322 29.883 4.102 16.213 4.102 22.852 9.961 9.961 14.842 9.961 26.953c0 9.768-2.537 18.65-7.617 26.66S371.375 834.819 362 834.819c-17.186 0-42.967-0.686-77.344-2.051s-60.158-2.051-77.344-2.051c-17.578 0-43.652 0.686-78.223 2.051s-60.451 2.051-77.637 2.051c-9.374 0-16.406-4.295-21.093-12.89z"  horiz-adv-x="1024" />
61 | 
62 |     
63 |     <glyph glyph-name="bold" unicode="&#59163;" d="M426.857143 26.857143q42.285714-18.285714 80-18.285714 214.857143 0 214.857143 191.428571 0 65.142857-23.428572 102.857143-15.428571 25.142857-35.142857 42.285714t-38.571428 26.571429-46 14.285714-48 6-54 1.142857q-41.714286 0-57.714286-5.714286 0-30.285714-0.285714-90.857142t-0.285715-90.285715q0-4.571429-0.571428-38.571428t-0.285715-55.142857 2.571429-47.714286 6.857143-38z m-8 426.285714q24-4 62.285714-4 46.857143 0 81.714286 7.428572t62.857143 25.428571 42.571428 51.142857 14.571429 81.142857q0 40-16.571429 70t-45.142857 46.857143T559.428571 756t-70.857142 8q-28.571429 0-74.285715-7.428571 0-28.571429 2.285715-86.285715t2.285714-86.857143q0-15.428571-0.285714-45.714285t-0.285715-45.142857q0-26.285714 0.571429-39.428572z m-309.142857-508l1.142857 53.714286q8.571429 2.285714 48.571428 9.142857t60.571429 15.428571q4 6.857143 7.142857 15.428572t4.857143 19.142857 3.142857 18.571429 1.714286 21.428571 0.285714 19.428571V154.857143q0 561.142857-12.571428 585.714286-2.285714 4.571429-12.571429 8.285714t-25.428571 6.285714-28.285715 4-27.714285 2.571429-17.428572 1.714285l-2.285714 47.428572q56 1.142857 194.285714 6.571428t213.142857 5.428572q13.142857 0 39.142857-0.285714t38.571429-0.285715q40 0 78-7.428571t73.428571-24 61.714286-40.571429 42.285714-59.714285 16-78.571429q0-29.714286-9.428571-54.571429t-22.285714-41.142857T798.857143 483.428571t-41.714286-25.714285-48-22.857143q88-20 146.571429-76.571429t58.571428-141.714285q0-57.142857-20-102.571429t-53.428571-74.571429-78.857143-48.857142T668.571429-37.142857t-100.571429-8q-25.142857 0-75.428571 1.714286t-75.428572 1.714285q-60.571429 0-175.428571-6.285714t-132-6.857143z"  horiz-adv-x="1024" />
64 | 
65 |     
66 |     <glyph glyph-name="table" unicode="&#59411;" d="M329.142857 109.714286v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m0 219.428571V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m292.571429-219.428571v109.714285q0 8-5.142857 13.142858t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142858-5.142858h182.857142q8 0 13.142858 5.142858t5.142857 13.142857zM329.142857 548.571429V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858H128q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m292.571429-219.428572V438.857143q0 8-5.142857 13.142857t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142857z m292.571428-219.428571v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m-292.571428 438.857143V658.285714q0 8-5.142857 13.142857t-13.142858 5.142858H420.571429q-8 0-13.142858-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142858z m292.571428-219.428572V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m0 219.428572V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858h-182.857143q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m73.142857 182.857142v-621.714285q0-37.714286-26.857142-64.571429t-64.571429-26.857143H128q-37.714286 0-64.571429 26.857143t-26.857142 64.571429V731.428571q0 37.714286 26.857142 64.571429t64.571429 26.857143h768q37.714286 0 64.571429-26.857143t26.857142-64.571429z"  horiz-adv-x="1024" />
67 | 
68 |     
69 |     <glyph glyph-name="github" unicode="&#58883;" d="M512 844.8c-256 0-460.8-204.8-460.8-460.8 0-204.8 133.12-378.88 317.44-435.2 25.6-5.12 30.72 10.24 30.72 20.48v76.8c-128-25.6-153.6 61.44-153.6 61.44-20.48 51.2-51.2 66.56-51.2 66.56-40.96 30.72 5.12 30.72 5.12 30.72 46.08-5.12 71.68-46.08 71.68-46.08 40.96-71.68 107.52-51.2 133.12-40.96 5.12 30.72 15.36 51.2 30.72 61.44-102.4 10.24-209.92 51.2-209.92 225.28 0 51.2 15.36 92.16 46.08 122.88-10.24 15.36-25.6 61.44 0 128 0 0 40.96 10.24 128-46.08 35.84 10.24 71.68 15.36 112.64 15.36s76.8-5.12 112.64-15.36c87.04 61.44 128 46.08 128 46.08 25.6-61.44 10.24-112.64 5.12-122.88 30.72-30.72 46.08-71.68 46.08-122.88 0-179.2-107.52-215.04-209.92-225.28 15.36-15.36 30.72-40.96 30.72-87.04v-128c0-10.24 10.24-25.6 30.72-20.48C839.68 5.12 972.8 179.2 972.8 384c0 256-204.8 460.8-460.8 460.8z"  horiz-adv-x="1024" />
70 | 
71 |     
72 |     <glyph glyph-name="ol" unicode="&#59708;" d="M217.728-29.728q0-45.728-31.136-72T109.152-128Q48.576-128 10.88-90.272l32.576 50.272q28-25.728 60.576-25.728 16.576 0 28.864 8.288t12.288 24.288q0 36.576-60 32l-14.848 32q4.576 5.728 18.56 24.864t24.288 30.848 21.152 22.016v0.576q-9.152 0-27.712-0.576t-27.712-0.576v-30.272H18.336v86.848h190.272v-50.272l-54.272-65.728q29.152-6.848 46.272-28t17.152-50.272z m1.12 358.304v-90.848H12q-3.424 20.576-3.424 30.848 0 29.152 13.44 53.152t32.288 38.848 37.728 27.136 32.288 24.864 13.44 25.728q0 14.272-8.288 22.016t-22.56 7.712q-26.272 0-46.272-33.152L12.064 468.608q13.728 29.152 40.864 45.44t60.288 16.288q41.728 0 70.272-23.712t28.576-64.288q0-28.576-19.424-52.288t-42.848-36.864-43.136-28.864-20.288-30.016h72.576v34.272h60zM1024 146.272v-109.728q0-7.424-5.44-12.864t-12.864-5.44H310.848q-7.424 0-12.864 5.44t-5.44 12.864v109.728q0 8 5.152 13.152t13.152 5.152h694.848q7.424 0 12.864-5.44t5.44-12.864zM219.424 660v-56.576H28V660h61.152q0 23.424 0.288 69.44t0.288 69.44v6.848h-1.152q-4.576-9.728-28.576-30.848L19.424 818.304 97.152 890.88h60.576v-230.848h61.728zM1024 438.848v-109.728q0-7.424-5.44-12.864t-12.864-5.44H310.848q-7.424 0-12.864 5.44t-5.44 12.864v109.728q0 8 5.152 13.152t13.152 5.152h694.848q7.424 0 12.864-5.44t5.44-12.864z m0 292.576v-109.728q0-7.424-5.44-12.864t-12.864-5.44H310.848q-7.424 0-12.864 5.44t-5.44 12.864V731.424q0 7.424 5.44 12.864t12.864 5.44h694.848q7.424 0 12.864-5.44t5.44-12.864z"  horiz-adv-x="1024" />
73 | 
74 |     
75 |     <glyph glyph-name="layout-default" unicode="&#58920;" d="M918.4 848H48V-76.8H976V848h-57.6zM105.6-22.4V790.4h377.6v-809.6H105.6z m812.8 0H540.8V790.4h377.6v-812.8z"  horiz-adv-x="1024" />
76 | 
77 |     
78 |     <glyph glyph-name="layout-right" unicode="&#58921;" d="M972.8 848H48V-76.8h928l-3.2 924.8zM105.6-19.2V358.4h617.6V416H105.6V790.4h812.8v-809.6H105.6z"  horiz-adv-x="1024" />
79 | 
80 |     
81 |     <glyph glyph-name="layout-left" unicode="&#58922;" d="M972.8 848H48V-76.8h928V416l-3.2 432z m-54.4-489.6v-377.6H105.6V790.4h812.8V416H300.8v-57.6h617.6z"  horiz-adv-x="1024" />
82 | 
83 |     
84 |     <glyph glyph-name="layout-zoom" unicode="&#58923;" d="M976 848h-928V-76.8h928V848zM105.6 790.4h812.8v-809.6H105.6V790.4zM758.4 688H208V83.2h608V688h-57.6z m0-550.4H265.6V630.4h492.8v-492.8z"  horiz-adv-x="1024" />
85 | 
86 |     
87 | 
88 | 
89 |   </font>
90 | </defs></svg>
91 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/assets/iconfont/iconfont.ttf


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/assets/iconfont/iconfont.woff


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/components/vm-markdown/assets/favicon.ico


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/demo.css:
--------------------------------------------------------------------------------
  1 | /* Logo 字体 */
  2 | @font-face {
  3 |   font-family: "iconfont logo";
  4 |   src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
  5 |   src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
  6 |     url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
  7 |     url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
  8 |     url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
  9 | }
 10 | 
 11 | .logo {
 12 |   font-family: "iconfont logo";
 13 |   font-size: 160px;
 14 |   font-style: normal;
 15 |   -webkit-font-smoothing: antialiased;
 16 |   -moz-osx-font-smoothing: grayscale;
 17 | }
 18 | 
 19 | /* tabs */
 20 | .nav-tabs {
 21 |   position: relative;
 22 | }
 23 | 
 24 | .nav-tabs .nav-more {
 25 |   position: absolute;
 26 |   right: 0;
 27 |   bottom: 0;
 28 |   height: 42px;
 29 |   line-height: 42px;
 30 |   color: #666;
 31 | }
 32 | 
 33 | #tabs {
 34 |   border-bottom: 1px solid #eee;
 35 | }
 36 | 
 37 | #tabs li {
 38 |   cursor: pointer;
 39 |   width: 100px;
 40 |   height: 40px;
 41 |   line-height: 40px;
 42 |   text-align: center;
 43 |   font-size: 16px;
 44 |   border-bottom: 2px solid transparent;
 45 |   position: relative;
 46 |   z-index: 1;
 47 |   margin-bottom: -1px;
 48 |   color: #666;
 49 | }
 50 | 
 51 | 
 52 | #tabs .active {
 53 |   border-bottom-color: #f00;
 54 |   color: #222;
 55 | }
 56 | 
 57 | .tab-container .content {
 58 |   display: none;
 59 | }
 60 | 
 61 | /* 页面布局 */
 62 | .main {
 63 |   padding: 30px 100px;
 64 |   width: 960px;
 65 |   margin: 0 auto;
 66 | }
 67 | 
 68 | .main .logo {
 69 |   color: #333;
 70 |   text-align: left;
 71 |   margin-bottom: 30px;
 72 |   line-height: 1;
 73 |   height: 110px;
 74 |   margin-top: -50px;
 75 |   overflow: hidden;
 76 |   *zoom: 1;
 77 | }
 78 | 
 79 | .main .logo a {
 80 |   font-size: 160px;
 81 |   color: #333;
 82 | }
 83 | 
 84 | .helps {
 85 |   margin-top: 40px;
 86 | }
 87 | 
 88 | .helps pre {
 89 |   padding: 20px;
 90 |   margin: 10px 0;
 91 |   border: solid 1px #e7e1cd;
 92 |   background-color: #fffdef;
 93 |   overflow: auto;
 94 | }
 95 | 
 96 | .icon_lists {
 97 |   width: 100% !important;
 98 |   overflow: hidden;
 99 |   *zoom: 1;
100 | }
101 | 
102 | .icon_lists li {
103 |   width: 100px;
104 |   margin-bottom: 10px;
105 |   margin-right: 20px;
106 |   text-align: center;
107 |   list-style: none !important;
108 |   cursor: default;
109 | }
110 | 
111 | .icon_lists li .code-name {
112 |   line-height: 1.2;
113 | }
114 | 
115 | .icon_lists .icon {
116 |   display: block;
117 |   height: 100px;
118 |   line-height: 100px;
119 |   font-size: 42px;
120 |   margin: 10px auto;
121 |   color: #333;
122 |   -webkit-transition: font-size 0.25s linear, width 0.25s linear;
123 |   -moz-transition: font-size 0.25s linear, width 0.25s linear;
124 |   transition: font-size 0.25s linear, width 0.25s linear;
125 | }
126 | 
127 | .icon_lists .icon:hover {
128 |   font-size: 100px;
129 | }
130 | 
131 | .icon_lists .svg-icon {
132 |   /* 通过设置 font-size 来改变图标大小 */
133 |   width: 1em;
134 |   /* 图标和文字相邻时，垂直对齐 */
135 |   vertical-align: -0.15em;
136 |   /* 通过设置 color 来改变 SVG 的颜色/fill */
137 |   fill: currentColor;
138 |   /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
139 |       normalize.css 中也包含这行 */
140 |   overflow: hidden;
141 | }
142 | 
143 | .icon_lists li .name,
144 | .icon_lists li .code-name {
145 |   color: #666;
146 | }
147 | 
148 | /* markdown 样式 */
149 | .markdown {
150 |   color: #666;
151 |   font-size: 14px;
152 |   line-height: 1.8;
153 | }
154 | 
155 | .highlight {
156 |   line-height: 1.5;
157 | }
158 | 
159 | .markdown img {
160 |   vertical-align: middle;
161 |   max-width: 100%;
162 | }
163 | 
164 | .markdown h1 {
165 |   color: #404040;
166 |   font-weight: 500;
167 |   line-height: 40px;
168 |   margin-bottom: 24px;
169 | }
170 | 
171 | .markdown h2,
172 | .markdown h3,
173 | .markdown h4,
174 | .markdown h5,
175 | .markdown h6 {
176 |   color: #404040;
177 |   margin: 1.6em 0 0.6em 0;
178 |   font-weight: 500;
179 |   clear: both;
180 | }
181 | 
182 | .markdown h1 {
183 |   font-size: 28px;
184 | }
185 | 
186 | .markdown h2 {
187 |   font-size: 22px;
188 | }
189 | 
190 | .markdown h3 {
191 |   font-size: 16px;
192 | }
193 | 
194 | .markdown h4 {
195 |   font-size: 14px;
196 | }
197 | 
198 | .markdown h5 {
199 |   font-size: 12px;
200 | }
201 | 
202 | .markdown h6 {
203 |   font-size: 12px;
204 | }
205 | 
206 | .markdown hr {
207 |   height: 1px;
208 |   border: 0;
209 |   background: #e9e9e9;
210 |   margin: 16px 0;
211 |   clear: both;
212 | }
213 | 
214 | .markdown p {
215 |   margin: 1em 0;
216 | }
217 | 
218 | .markdown>p,
219 | .markdown>blockquote,
220 | .markdown>.highlight,
221 | .markdown>ol,
222 | .markdown>ul {
223 |   width: 80%;
224 | }
225 | 
226 | .markdown ul>li {
227 |   list-style: circle;
228 | }
229 | 
230 | .markdown>ul li,
231 | .markdown blockquote ul>li {
232 |   margin-left: 20px;
233 |   padding-left: 4px;
234 | }
235 | 
236 | .markdown>ul li p,
237 | .markdown>ol li p {
238 |   margin: 0.6em 0;
239 | }
240 | 
241 | .markdown ol>li {
242 |   list-style: decimal;
243 | }
244 | 
245 | .markdown>ol li,
246 | .markdown blockquote ol>li {
247 |   margin-left: 20px;
248 |   padding-left: 4px;
249 | }
250 | 
251 | .markdown code {
252 |   margin: 0 3px;
253 |   padding: 0 5px;
254 |   background: #eee;
255 |   border-radius: 3px;
256 | }
257 | 
258 | .markdown strong,
259 | .markdown b {
260 |   font-weight: 600;
261 | }
262 | 
263 | .markdown>table {
264 |   border-collapse: collapse;
265 |   border-spacing: 0px;
266 |   empty-cells: show;
267 |   border: 1px solid #e9e9e9;
268 |   width: 95%;
269 |   margin-bottom: 24px;
270 | }
271 | 
272 | .markdown>table th {
273 |   white-space: nowrap;
274 |   color: #333;
275 |   font-weight: 600;
276 | }
277 | 
278 | .markdown>table th,
279 | .markdown>table td {
280 |   border: 1px solid #e9e9e9;
281 |   padding: 8px 16px;
282 |   text-align: left;
283 | }
284 | 
285 | .markdown>table th {
286 |   background: #F7F7F7;
287 | }
288 | 
289 | .markdown blockquote {
290 |   font-size: 90%;
291 |   color: #999;
292 |   border-left: 4px solid #e9e9e9;
293 |   padding-left: 0.8em;
294 |   margin: 1em 0;
295 | }
296 | 
297 | .markdown blockquote p {
298 |   margin: 0;
299 | }
300 | 
301 | .markdown .anchor {
302 |   opacity: 0;
303 |   transition: opacity 0.3s ease;
304 |   margin-left: 8px;
305 | }
306 | 
307 | .markdown .waiting {
308 |   color: #ccc;
309 | }
310 | 
311 | .markdown h1:hover .anchor,
312 | .markdown h2:hover .anchor,
313 | .markdown h3:hover .anchor,
314 | .markdown h4:hover .anchor,
315 | .markdown h5:hover .anchor,
316 | .markdown h6:hover .anchor {
317 |   opacity: 1;
318 |   display: inline-block;
319 | }
320 | 
321 | .markdown>br,
322 | .markdown>p>br {
323 |   clear: both;
324 | }
325 | 
326 | 
327 | .hljs {
328 |   display: block;
329 |   background: white;
330 |   padding: 0.5em;
331 |   color: #333333;
332 |   overflow-x: auto;
333 | }
334 | 
335 | .hljs-comment,
336 | .hljs-meta {
337 |   color: #969896;
338 | }
339 | 
340 | .hljs-string,
341 | .hljs-variable,
342 | .hljs-template-variable,
343 | .hljs-strong,
344 | .hljs-emphasis,
345 | .hljs-quote {
346 |   color: #df5000;
347 | }
348 | 
349 | .hljs-keyword,
350 | .hljs-selector-tag,
351 | .hljs-type {
352 |   color: #a71d5d;
353 | }
354 | 
355 | .hljs-literal,
356 | .hljs-symbol,
357 | .hljs-bullet,
358 | .hljs-attribute {
359 |   color: #0086b3;
360 | }
361 | 
362 | .hljs-section,
363 | .hljs-name {
364 |   color: #63a35c;
365 | }
366 | 
367 | .hljs-tag {
368 |   color: #333333;
369 | }
370 | 
371 | .hljs-title,
372 | .hljs-attr,
373 | .hljs-selector-id,
374 | .hljs-selector-class,
375 | .hljs-selector-attr,
376 | .hljs-selector-pseudo {
377 |   color: #795da3;
378 | }
379 | 
380 | .hljs-addition {
381 |   color: #55a532;
382 |   background-color: #eaffea;
383 | }
384 | 
385 | .hljs-deletion {
386 |   color: #bd2c00;
387 |   background-color: #ffecec;
388 | }
389 | 
390 | .hljs-link {
391 |   text-decoration: underline;
392 | }
393 | 
394 | /* 代码高亮 */
395 | /* PrismJS 1.15.0
396 | https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
397 | /**
398 |  * prism.js default theme for JavaScript, CSS and HTML
399 |  * Based on dabblet (http://dabblet.com)
400 |  * @author Lea Verou
401 |  */
402 | code[class*="language-"],
403 | pre[class*="language-"] {
404 |   color: black;
405 |   background: none;
406 |   text-shadow: 0 1px white;
407 |   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
408 |   text-align: left;
409 |   white-space: pre;
410 |   word-spacing: normal;
411 |   word-break: normal;
412 |   word-wrap: normal;
413 |   line-height: 1.5;
414 | 
415 |   -moz-tab-size: 4;
416 |   -o-tab-size: 4;
417 |   tab-size: 4;
418 | 
419 |   -webkit-hyphens: none;
420 |   -moz-hyphens: none;
421 |   -ms-hyphens: none;
422 |   hyphens: none;
423 | }
424 | 
425 | pre[class*="language-"]::-moz-selection,
426 | pre[class*="language-"] ::-moz-selection,
427 | code[class*="language-"]::-moz-selection,
428 | code[class*="language-"] ::-moz-selection {
429 |   text-shadow: none;
430 |   background: #b3d4fc;
431 | }
432 | 
433 | pre[class*="language-"]::selection,
434 | pre[class*="language-"] ::selection,
435 | code[class*="language-"]::selection,
436 | code[class*="language-"] ::selection {
437 |   text-shadow: none;
438 |   background: #b3d4fc;
439 | }
440 | 
441 | @media print {
442 | 
443 |   code[class*="language-"],
444 |   pre[class*="language-"] {
445 |     text-shadow: none;
446 |   }
447 | }
448 | 
449 | /* Code blocks */
450 | pre[class*="language-"] {
451 |   padding: 1em;
452 |   margin: .5em 0;
453 |   overflow: auto;
454 | }
455 | 
456 | :not(pre)>code[class*="language-"],
457 | pre[class*="language-"] {
458 |   background: #f5f2f0;
459 | }
460 | 
461 | /* Inline code */
462 | :not(pre)>code[class*="language-"] {
463 |   padding: .1em;
464 |   border-radius: .3em;
465 |   white-space: normal;
466 | }
467 | 
468 | .token.comment,
469 | .token.prolog,
470 | .token.doctype,
471 | .token.cdata {
472 |   color: slategray;
473 | }
474 | 
475 | .token.punctuation {
476 |   color: #999;
477 | }
478 | 
479 | .namespace {
480 |   opacity: .7;
481 | }
482 | 
483 | .token.property,
484 | .token.tag,
485 | .token.boolean,
486 | .token.number,
487 | .token.constant,
488 | .token.symbol,
489 | .token.deleted {
490 |   color: #905;
491 | }
492 | 
493 | .token.selector,
494 | .token.attr-name,
495 | .token.string,
496 | .token.char,
497 | .token.builtin,
498 | .token.inserted {
499 |   color: #690;
500 | }
501 | 
502 | .token.operator,
503 | .token.entity,
504 | .token.url,
505 | .language-css .token.string,
506 | .style .token.string {
507 |   color: #9a6e3a;
508 |   background: hsla(0, 0%, 100%, .5);
509 | }
510 | 
511 | .token.atrule,
512 | .token.attr-value,
513 | .token.keyword {
514 |   color: #07a;
515 | }
516 | 
517 | .token.function,
518 | .token.class-name {
519 |   color: #DD4A68;
520 | }
521 | 
522 | .token.regex,
523 | .token.important,
524 | .token.variable {
525 |   color: #e90;
526 | }
527 | 
528 | .token.important,
529 | .token.bold {
530 |   font-weight: bold;
531 | }
532 | 
533 | .token.italic {
534 |   font-style: italic;
535 | }
536 | 
537 | .token.entity {
538 |   cursor: help;
539 | }
540 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/demo_index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |   <meta charset="utf-8"/>
  5 |   <title>IconFont Demo</title>
  6 |   <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  7 |   <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  8 |   <link rel="stylesheet" href="demo.css">
  9 |   <link rel="stylesheet" href="iconfont.css">
 10 |   <script src="iconfont.js"></script>
 11 |   <!-- jQuery -->
 12 |   <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
 13 |   <!-- 代码高亮 -->
 14 |   <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
 15 | </head>
 16 | <body>
 17 |   <div class="main">
 18 |     <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
 19 |     <div class="nav-tabs">
 20 |       <ul id="tabs" class="dib-box">
 21 |         <li class="dib active"><span>Unicode</span></li>
 22 |         <li class="dib"><span>Font class</span></li>
 23 |         <li class="dib"><span>Symbol</span></li>
 24 |       </ul>
 25 |       
 26 |       <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=395110" target="_blank" class="nav-more">查看项目</a>
 27 |       
 28 |     </div>
 29 |     <div class="tab-container">
 30 |       <div class="content unicode" style="display: block;">
 31 |           <ul class="icon_lists dib-box">
 32 |           
 33 |             <li class="dib">
 34 |               <span class="icon iconfont">&#xe65f;</span>
 35 |                 <div class="name">code</div>
 36 |                 <div class="code-name">&amp;#xe65f;</div>
 37 |               </li>
 38 |           
 39 |             <li class="dib">
 40 |               <span class="icon iconfont">&#xe688;</span>
 41 |                 <div class="name">line</div>
 42 |                 <div class="code-name">&amp;#xe688;</div>
 43 |               </li>
 44 |           
 45 |             <li class="dib">
 46 |               <span class="icon iconfont">&#xe7fe;</span>
 47 |                 <div class="name">italic</div>
 48 |                 <div class="code-name">&amp;#xe7fe;</div>
 49 |               </li>
 50 |           
 51 |             <li class="dib">
 52 |               <span class="icon iconfont">&#xe66f;</span>
 53 |                 <div class="name">link</div>
 54 |                 <div class="code-name">&amp;#xe66f;</div>
 55 |               </li>
 56 |           
 57 |             <li class="dib">
 58 |               <span class="icon iconfont">&#xe823;</span>
 59 |                 <div class="name">underline</div>
 60 |                 <div class="code-name">&amp;#xe823;</div>
 61 |               </li>
 62 |           
 63 |             <li class="dib">
 64 |               <span class="icon iconfont">&#xe683;</span>
 65 |                 <div class="name">ul</div>
 66 |                 <div class="code-name">&amp;#xe683;</div>
 67 |               </li>
 68 |           
 69 |             <li class="dib">
 70 |               <span class="icon iconfont">&#xe8cf;</span>
 71 |                 <div class="name">quote</div>
 72 |                 <div class="code-name">&amp;#xe8cf;</div>
 73 |               </li>
 74 |           
 75 |             <li class="dib">
 76 |               <span class="icon iconfont">&#xe627;</span>
 77 |                 <div class="name">image</div>
 78 |                 <div class="code-name">&amp;#xe627;</div>
 79 |               </li>
 80 |           
 81 |             <li class="dib">
 82 |               <span class="icon iconfont">&#xe931;</span>
 83 |                 <div class="name">font</div>
 84 |                 <div class="code-name">&amp;#xe931;</div>
 85 |               </li>
 86 |           
 87 |             <li class="dib">
 88 |               <span class="icon iconfont">&#xe61b;</span>
 89 |                 <div class="name">strike</div>
 90 |                 <div class="code-name">&amp;#xe61b;</div>
 91 |               </li>
 92 |           
 93 |             <li class="dib">
 94 |               <span class="icon iconfont">&#xe620;</span>
 95 |                 <div class="name">editor-heading</div>
 96 |                 <div class="code-name">&amp;#xe620;</div>
 97 |               </li>
 98 |           
 99 |             <li class="dib">
100 |               <span class="icon iconfont">&#xe71b;</span>
101 |                 <div class="name">bold</div>
102 |                 <div class="code-name">&amp;#xe71b;</div>
103 |               </li>
104 |           
105 |             <li class="dib">
106 |               <span class="icon iconfont">&#xe813;</span>
107 |                 <div class="name">table</div>
108 |                 <div class="code-name">&amp;#xe813;</div>
109 |               </li>
110 |           
111 |             <li class="dib">
112 |               <span class="icon iconfont">&#xe603;</span>
113 |                 <div class="name">github</div>
114 |                 <div class="code-name">&amp;#xe603;</div>
115 |               </li>
116 |           
117 |             <li class="dib">
118 |               <span class="icon iconfont">&#xe93c;</span>
119 |                 <div class="name">ol</div>
120 |                 <div class="code-name">&amp;#xe93c;</div>
121 |               </li>
122 |           
123 |             <li class="dib">
124 |               <span class="icon iconfont">&#xe628;</span>
125 |                 <div class="name">layout-default</div>
126 |                 <div class="code-name">&amp;#xe628;</div>
127 |               </li>
128 |           
129 |             <li class="dib">
130 |               <span class="icon iconfont">&#xe629;</span>
131 |                 <div class="name">layout-right</div>
132 |                 <div class="code-name">&amp;#xe629;</div>
133 |               </li>
134 |           
135 |             <li class="dib">
136 |               <span class="icon iconfont">&#xe62a;</span>
137 |                 <div class="name">layout-left</div>
138 |                 <div class="code-name">&amp;#xe62a;</div>
139 |               </li>
140 |           
141 |             <li class="dib">
142 |               <span class="icon iconfont">&#xe62b;</span>
143 |                 <div class="name">layout-zoom</div>
144 |                 <div class="code-name">&amp;#xe62b;</div>
145 |               </li>
146 |           
147 |           </ul>
148 |           <div class="article markdown">
149 |           <h2 id="unicode-">Unicode 引用</h2>
150 |           <hr>
151 | 
152 |           <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
153 |           <ul>
154 |             <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
155 |             <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
156 |             <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
157 |           </ul>
158 |           <blockquote>
159 |             <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
160 |           </blockquote>
161 |           <p>Unicode 使用步骤如下：</p>
162 |           <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
163 | <pre><code class="language-css"
164 | >@font-face {
165 |   font-family: 'iconfont';
166 |   src: url('iconfont.eot');
167 |   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
168 |       url('iconfont.woff2') format('woff2'),
169 |       url('iconfont.woff') format('woff'),
170 |       url('iconfont.ttf') format('truetype'),
171 |       url('iconfont.svg#iconfont') format('svg');
172 | }
173 | </code></pre>
174 |           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
175 | <pre><code class="language-css"
176 | >.iconfont {
177 |   font-family: "iconfont" !important;
178 |   font-size: 16px;
179 |   font-style: normal;
180 |   -webkit-font-smoothing: antialiased;
181 |   -moz-osx-font-smoothing: grayscale;
182 | }
183 | </code></pre>
184 |           <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
185 | <pre>
186 | <code class="language-html"
187 | >&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
188 | </code></pre>
189 |           <blockquote>
190 |             <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
191 |           </blockquote>
192 |           </div>
193 |       </div>
194 |       <div class="content font-class">
195 |         <ul class="icon_lists dib-box">
196 |           
197 |           <li class="dib">
198 |             <span class="icon iconfont vm-code"></span>
199 |             <div class="name">
200 |               code
201 |             </div>
202 |             <div class="code-name">.vm-code
203 |             </div>
204 |           </li>
205 |           
206 |           <li class="dib">
207 |             <span class="icon iconfont vm-line"></span>
208 |             <div class="name">
209 |               line
210 |             </div>
211 |             <div class="code-name">.vm-line
212 |             </div>
213 |           </li>
214 |           
215 |           <li class="dib">
216 |             <span class="icon iconfont vm-italic"></span>
217 |             <div class="name">
218 |               italic
219 |             </div>
220 |             <div class="code-name">.vm-italic
221 |             </div>
222 |           </li>
223 |           
224 |           <li class="dib">
225 |             <span class="icon iconfont vm-link"></span>
226 |             <div class="name">
227 |               link
228 |             </div>
229 |             <div class="code-name">.vm-link
230 |             </div>
231 |           </li>
232 |           
233 |           <li class="dib">
234 |             <span class="icon iconfont vm-underline"></span>
235 |             <div class="name">
236 |               underline
237 |             </div>
238 |             <div class="code-name">.vm-underline
239 |             </div>
240 |           </li>
241 |           
242 |           <li class="dib">
243 |             <span class="icon iconfont vm-ul"></span>
244 |             <div class="name">
245 |               ul
246 |             </div>
247 |             <div class="code-name">.vm-ul
248 |             </div>
249 |           </li>
250 |           
251 |           <li class="dib">
252 |             <span class="icon iconfont vm-quote"></span>
253 |             <div class="name">
254 |               quote
255 |             </div>
256 |             <div class="code-name">.vm-quote
257 |             </div>
258 |           </li>
259 |           
260 |           <li class="dib">
261 |             <span class="icon iconfont vm-image"></span>
262 |             <div class="name">
263 |               image
264 |             </div>
265 |             <div class="code-name">.vm-image
266 |             </div>
267 |           </li>
268 |           
269 |           <li class="dib">
270 |             <span class="icon iconfont vm-font-size"></span>
271 |             <div class="name">
272 |               font
273 |             </div>
274 |             <div class="code-name">.vm-font-size
275 |             </div>
276 |           </li>
277 |           
278 |           <li class="dib">
279 |             <span class="icon iconfont vm-strikethrough"></span>
280 |             <div class="name">
281 |               strike
282 |             </div>
283 |             <div class="code-name">.vm-strikethrough
284 |             </div>
285 |           </li>
286 |           
287 |           <li class="dib">
288 |             <span class="icon iconfont vm-heading"></span>
289 |             <div class="name">
290 |               editor-heading
291 |             </div>
292 |             <div class="code-name">.vm-heading
293 |             </div>
294 |           </li>
295 |           
296 |           <li class="dib">
297 |             <span class="icon iconfont vm-bold"></span>
298 |             <div class="name">
299 |               bold
300 |             </div>
301 |             <div class="code-name">.vm-bold
302 |             </div>
303 |           </li>
304 |           
305 |           <li class="dib">
306 |             <span class="icon iconfont vm-table"></span>
307 |             <div class="name">
308 |               table
309 |             </div>
310 |             <div class="code-name">.vm-table
311 |             </div>
312 |           </li>
313 |           
314 |           <li class="dib">
315 |             <span class="icon iconfont vm-github"></span>
316 |             <div class="name">
317 |               github
318 |             </div>
319 |             <div class="code-name">.vm-github
320 |             </div>
321 |           </li>
322 |           
323 |           <li class="dib">
324 |             <span class="icon iconfont vm-ol"></span>
325 |             <div class="name">
326 |               ol
327 |             </div>
328 |             <div class="code-name">.vm-ol
329 |             </div>
330 |           </li>
331 |           
332 |           <li class="dib">
333 |             <span class="icon iconfont vm-layout-default"></span>
334 |             <div class="name">
335 |               layout-default
336 |             </div>
337 |             <div class="code-name">.vm-layout-default
338 |             </div>
339 |           </li>
340 |           
341 |           <li class="dib">
342 |             <span class="icon iconfont vm-layout-right"></span>
343 |             <div class="name">
344 |               layout-right
345 |             </div>
346 |             <div class="code-name">.vm-layout-right
347 |             </div>
348 |           </li>
349 |           
350 |           <li class="dib">
351 |             <span class="icon iconfont vm-layout-left"></span>
352 |             <div class="name">
353 |               layout-left
354 |             </div>
355 |             <div class="code-name">.vm-layout-left
356 |             </div>
357 |           </li>
358 |           
359 |           <li class="dib">
360 |             <span class="icon iconfont vm-layout-zoom"></span>
361 |             <div class="name">
362 |               layout-zoom
363 |             </div>
364 |             <div class="code-name">.vm-layout-zoom
365 |             </div>
366 |           </li>
367 |           
368 |         </ul>
369 |         <div class="article markdown">
370 |         <h2 id="font-class-">font-class 引用</h2>
371 |         <hr>
372 | 
373 |         <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
374 |         <p>与 Unicode 使用方式相比，具有如下特点：</p>
375 |         <ul>
376 |           <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
377 |           <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
378 |           <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
379 |           <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
380 |         </ul>
381 |         <p>使用步骤如下：</p>
382 |         <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
383 | <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
384 | </code></pre>
385 |         <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
386 | <pre><code class="language-html">&lt;span class="iconfont vm--xxx"&gt;&lt;/span&gt;
387 | </code></pre>
388 |         <blockquote>
389 |           <p>"
390 |             iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
391 |         </blockquote>
392 |       </div>
393 |       </div>
394 |       <div class="content symbol">
395 |           <ul class="icon_lists dib-box">
396 |           
397 |             <li class="dib">
398 |                 <svg class="icon svg-icon" aria-hidden="true">
399 |                   <use xlink:href="#vm-code"></use>
400 |                 </svg>
401 |                 <div class="name">code</div>
402 |                 <div class="code-name">#vm-code</div>
403 |             </li>
404 |           
405 |             <li class="dib">
406 |                 <svg class="icon svg-icon" aria-hidden="true">
407 |                   <use xlink:href="#vm-line"></use>
408 |                 </svg>
409 |                 <div class="name">line</div>
410 |                 <div class="code-name">#vm-line</div>
411 |             </li>
412 |           
413 |             <li class="dib">
414 |                 <svg class="icon svg-icon" aria-hidden="true">
415 |                   <use xlink:href="#vm-italic"></use>
416 |                 </svg>
417 |                 <div class="name">italic</div>
418 |                 <div class="code-name">#vm-italic</div>
419 |             </li>
420 |           
421 |             <li class="dib">
422 |                 <svg class="icon svg-icon" aria-hidden="true">
423 |                   <use xlink:href="#vm-link"></use>
424 |                 </svg>
425 |                 <div class="name">link</div>
426 |                 <div class="code-name">#vm-link</div>
427 |             </li>
428 |           
429 |             <li class="dib">
430 |                 <svg class="icon svg-icon" aria-hidden="true">
431 |                   <use xlink:href="#vm-underline"></use>
432 |                 </svg>
433 |                 <div class="name">underline</div>
434 |                 <div class="code-name">#vm-underline</div>
435 |             </li>
436 |           
437 |             <li class="dib">
438 |                 <svg class="icon svg-icon" aria-hidden="true">
439 |                   <use xlink:href="#vm-ul"></use>
440 |                 </svg>
441 |                 <div class="name">ul</div>
442 |                 <div class="code-name">#vm-ul</div>
443 |             </li>
444 |           
445 |             <li class="dib">
446 |                 <svg class="icon svg-icon" aria-hidden="true">
447 |                   <use xlink:href="#vm-quote"></use>
448 |                 </svg>
449 |                 <div class="name">quote</div>
450 |                 <div class="code-name">#vm-quote</div>
451 |             </li>
452 |           
453 |             <li class="dib">
454 |                 <svg class="icon svg-icon" aria-hidden="true">
455 |                   <use xlink:href="#vm-image"></use>
456 |                 </svg>
457 |                 <div class="name">image</div>
458 |                 <div class="code-name">#vm-image</div>
459 |             </li>
460 |           
461 |             <li class="dib">
462 |                 <svg class="icon svg-icon" aria-hidden="true">
463 |                   <use xlink:href="#vm-font-size"></use>
464 |                 </svg>
465 |                 <div class="name">font</div>
466 |                 <div class="code-name">#vm-font-size</div>
467 |             </li>
468 |           
469 |             <li class="dib">
470 |                 <svg class="icon svg-icon" aria-hidden="true">
471 |                   <use xlink:href="#vm-strikethrough"></use>
472 |                 </svg>
473 |                 <div class="name">strike</div>
474 |                 <div class="code-name">#vm-strikethrough</div>
475 |             </li>
476 |           
477 |             <li class="dib">
478 |                 <svg class="icon svg-icon" aria-hidden="true">
479 |                   <use xlink:href="#vm-heading"></use>
480 |                 </svg>
481 |                 <div class="name">editor-heading</div>
482 |                 <div class="code-name">#vm-heading</div>
483 |             </li>
484 |           
485 |             <li class="dib">
486 |                 <svg class="icon svg-icon" aria-hidden="true">
487 |                   <use xlink:href="#vm-bold"></use>
488 |                 </svg>
489 |                 <div class="name">bold</div>
490 |                 <div class="code-name">#vm-bold</div>
491 |             </li>
492 |           
493 |             <li class="dib">
494 |                 <svg class="icon svg-icon" aria-hidden="true">
495 |                   <use xlink:href="#vm-table"></use>
496 |                 </svg>
497 |                 <div class="name">table</div>
498 |                 <div class="code-name">#vm-table</div>
499 |             </li>
500 |           
501 |             <li class="dib">
502 |                 <svg class="icon svg-icon" aria-hidden="true">
503 |                   <use xlink:href="#vm-github"></use>
504 |                 </svg>
505 |                 <div class="name">github</div>
506 |                 <div class="code-name">#vm-github</div>
507 |             </li>
508 |           
509 |             <li class="dib">
510 |                 <svg class="icon svg-icon" aria-hidden="true">
511 |                   <use xlink:href="#vm-ol"></use>
512 |                 </svg>
513 |                 <div class="name">ol</div>
514 |                 <div class="code-name">#vm-ol</div>
515 |             </li>
516 |           
517 |             <li class="dib">
518 |                 <svg class="icon svg-icon" aria-hidden="true">
519 |                   <use xlink:href="#vm-layout-default"></use>
520 |                 </svg>
521 |                 <div class="name">layout-default</div>
522 |                 <div class="code-name">#vm-layout-default</div>
523 |             </li>
524 |           
525 |             <li class="dib">
526 |                 <svg class="icon svg-icon" aria-hidden="true">
527 |                   <use xlink:href="#vm-layout-right"></use>
528 |                 </svg>
529 |                 <div class="name">layout-right</div>
530 |                 <div class="code-name">#vm-layout-right</div>
531 |             </li>
532 |           
533 |             <li class="dib">
534 |                 <svg class="icon svg-icon" aria-hidden="true">
535 |                   <use xlink:href="#vm-layout-left"></use>
536 |                 </svg>
537 |                 <div class="name">layout-left</div>
538 |                 <div class="code-name">#vm-layout-left</div>
539 |             </li>
540 |           
541 |             <li class="dib">
542 |                 <svg class="icon svg-icon" aria-hidden="true">
543 |                   <use xlink:href="#vm-layout-zoom"></use>
544 |                 </svg>
545 |                 <div class="name">layout-zoom</div>
546 |                 <div class="code-name">#vm-layout-zoom</div>
547 |             </li>
548 |           
549 |           </ul>
550 |           <div class="article markdown">
551 |           <h2 id="symbol-">Symbol 引用</h2>
552 |           <hr>
553 | 
554 |           <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
555 |             这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
556 |           <ul>
557 |             <li>支持多色图标了，不再受单色限制。</li>
558 |             <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
559 |             <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
560 |             <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
561 |           </ul>
562 |           <p>使用步骤如下：</p>
563 |           <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
564 | <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
565 | </code></pre>
566 |           <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
567 | <pre><code class="language-html">&lt;style&gt;
568 | .icon {
569 |   width: 1em;
570 |   height: 1em;
571 |   vertical-align: -0.15em;
572 |   fill: currentColor;
573 |   overflow: hidden;
574 | }
575 | &lt;/style&gt;
576 | </code></pre>
577 |           <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
578 | <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
579 |   &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
580 | &lt;/svg&gt;
581 | </code></pre>
582 |           </div>
583 |       </div>
584 | 
585 |     </div>
586 |   </div>
587 |   <script>
588 |   $(document).ready(function () {
589 |       $('.tab-container .content:first').show()
590 | 
591 |       $('#tabs li').click(function (e) {
592 |         var tabContent = $('.tab-container .content')
593 |         var index = $(this).index()
594 | 
595 |         if ($(this).hasClass('active')) {
596 |           return
597 |         } else {
598 |           $('#tabs li').removeClass('active')
599 |           $(this).addClass('active')
600 | 
601 |           tabContent.hide().eq(index).fadeIn()
602 |         }
603 |       })
604 |     })
605 |   </script>
606 | </body>
607 | </html>
608 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.css:
--------------------------------------------------------------------------------
 1 | @font-face {font-family: "iconfont";
 2 |   src: url('iconfont.eot?t=1548814803647'); /* IE9 */
 3 |   src: url('iconfont.eot?t=1548814803647#iefix') format('embedded-opentype'), /* IE6-IE8 */
 4 |   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAs0AAsAAAAAFJAAAArkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFXAqYDJNaATYCJANQCyoABCAFhG0HgWUbaREz0izOyoPsv0rgyfCalyMCxZsxDiBmqw3rGHO4bUWE9NppiYgED2E7+5fGA7lf+fKTRXAFILuyVcCOcTyCYuErXI1kW0W5vQI7/P9p0/6+GSwzaLD40og3JeZEjYZQSZVCGzFC2pJUhp5Ntwv/e8QrTqpOqo5UbV3TgASlreO/BwhOgJo41/ZEys2KwpUweZpvP1enDY00PfTaQkJSpIQvtt397R2qFimRSBKTJKJRNNRKCBkN2yTMrOghVorLb6xOQN10S4W1+Rt2YEmYIaDQqbqj+7F8fpLAOqgay5xZUy3cQ1ct7hQ3cJc+Pny0OrAolCK2pi26dYco3sXPRpH6Ty0OVV4IrnMRsRSJMOaGvRFt/VJCdV7O5AkwUzmORI7vpuSZeUnem8/ma3ndhPfEv/FgPGf87LPoydF/oTcX1B8o1MLA64Uz01bXUNXV0zcYs3/yygpNUUtJRU2HUMZQ86T9lT4gRw3SJk+B1MkzIQ3yAkiVvBDSJS+C9MiLIX3yErZsvBdEAD4LIgFfA1EGvg1IwcQUokn4HyCR8YBoAc8BUQJ+BkiFyVVEDXiEMjpgaMyyECPiN9JTTH50SosKQdaXNWVC0Y/q+47h0ddig7JF7jTEDpQyDW1BkmQI3Ji+iB8QskYkiuFLyVm+vnyOmZ1Op9FYdJa+RDpt3hZRdQ8lVqFey7hJUqPuN1mbKAb1mXdw6OjonRYpgqTznp+otgcGdwZZxqXz+tGQFTeCO+oCYgkJbEQ2EKir5sQVUaVy+l6npOaWXVQ94RCrbrqk06tsxdXHqT7v1IX2OUPN+6pCqS3BNX1jEWrT9jBV705tdc8WSY25T5rZ60jtP6iM6N8epLIMdpGY3V7tdNbgJEbtD9vpsLgixg+iRTzgziaAVAMPLSdt56sazHaIQydM90nN49S7TIjBZ3bxt5zyYAyeDhJst3kzh84EV4/cMd8z3bfcncNHs2eS6i4BRvQ5iy/ZRbXU7iAS2AFqy0nveX3OFuxmHN5l6QXQQ7ib+xAy9ZMaq9cBZHKRFtVh1eAUB/AQ5UucGfeI+9I5VIeLjgepBoGSj4TuSLoSd4Ew59cckWTbpYJBT99e8e6bDtLiciFTubW4qweonVsPi7fCHIE9h8w7gBqM0VuEOYeRadsRybbKSkv7SY5FTIHqZbZli5G86M3FTtk3NCTxoiNTSP/27ePINNSITLOTMA98cleDHoJtrp8Wezi6RM1x0oJMUUNnTlw6QphF1TAyunHWVuhvt46cuyUMiaMcmXdkSUC/K6R/WOrdj1C3V9+2bZIEv8uvSZXF4bjpAPt2nToW6IQAOzMQhU5p1yBTH0GYewD0kqQlTy1+zxZ0RCdq1LS11jWEmkbdIfjme4i+JrYqsNztsr+pdjhUW/slyO6U7jkhsm4XHz4NZx0h60NW3VJMmX3OWNNF1WVLnusy3C46DQshpHe3b1E5pS6X2vlOdclhzojdSVrGco9zvSKGx6UoFwhEQvVOzwZiCJn2njw5btpGmCPLh6+Tlpvg1LFjIhIZV5KWG8uz9HbmGKCa6AnNUJMQ0xruH7SLzxAwlzM5DLaRbTDvUp04D3FxAeNaFq/E+EwBxoXIHRUw+Mu4NB69lo1zvvGWPz116q+I2Xhis8GNUGvojdGx0dEnYdbfv5b8dfoU3LRzhT0ZGR0d+y38BGy2J6t7+G1lk2Nzw61yDAanFAp0hXYckuI5H5U5SX3CfLmQ9vzJ+/efduM3cvPue+ZEP38uLpDR9uzfFFBS5XCtzZbR12mzsv4bkFd59+7UYk+hzYa8s75J0gYWy9/SCz61YqN7x0b438Ubl+E2/diojNU18kk36vxszy7kdyMgKC9eWunVsQytzNy0Ca2ByKigNmDGQ5s+wRTKGBQzbqA2+PWvPVbgqVSzH1vb7zc5j2LZ4crN4ZHhMi3byRH5fxOHUalsaPjksPx/Tc6vYfX/zu7uTlCYyLPm2VbfhoK0CABAQZJqCsUSQKzZQGmrn7NUSuV0FYVAPV89mfnnNmAczIwXB3qqBt58VowDnMN/Ozw9+iIqBPx3JByS1zJL+TPnsEvkAsi/QrlZ3UI1OU4+OY8Q8ePHyW1bRzfJCoj+XLF6Aas0iJQviKX8arElpQXTCxOjqpQfB4//qWhuXJ84JW/s7jPtdc4jn+jTnVrjkbw21+3Stx+vvVcSqGwq9owKmStLKg6P98n6DdDbhEaeu2JfQHdqPoRsLetw95YLeA95novwWB3uZa9Y8vTFtlTlSTajjTvEa2Oy4YSypAOnMlMUW4h7eDfi3tzXNt0rvGM6lCsTArh05J8f2f2TXiDgfuB4avC4BtwntsT8CWV37XR4WMpfJPmHuI3Ofpsf0Ss2Rbvz3nO9dHjcYtyLC1av/wa7bFkdH9qy60xTwn+CQ8GIiMPG2oOn5XHbfbLkoaQpmxfk6/Sl6f1g5pRYFr2tglOQUOnlL+UkRx8LSHwzcf6jViFRUgah67n5ssyP8iP8+P/5NvqpWmhoVaWEzMxOmRk8jxfvuQjzTHtLQuHpJtYQ66jGk83rZtYgBR45A+81saysI+DRW+CZ1CmB95tZO7kBO1lybwH3hL0FnMnfW8D9Glp7kzpn4emm4Lxg0Hi6tSCLZRdoGEa7gA3v/uwfke63mGW17IycYBoHth6Xi/MwrByKLzRX0FbW4qvKnlqYWQj/oAipWF6hCH+LcxnZhU9L8TUrZ1XgJzwwivX1q39E7v4MGy7rFmDw0Hfqm6g01XfHpwha+YEHvwm9l2CF+dPT1bbYBMWlcCjaeTuA9F1fO2OHD5frJUdP5k0J/1eYT8tnzdyigAT+0R6ZmA1fMdMaU/V7si05Hf6LigzmssL09wmyp83MeMTsK4XWfJMvBpIPVupGN4wmaHSRxjBjzARupLkh7VXl6OiGhPkpxrqUuqWRYYHgrwaNbsnIpXUpkB4rN8QSjcZf3HIueM78OclBX7KlwepL3wLA5K4QtmsSWgmdQsoECldQ2jrf4AuhVpT8w32cDgAgQsBTD6dsbCU+DylnfIbnIO2q/+OJaQyvifaH3MTLYEcF+DmfHXQHr+QOSKPBSfT8j3m8tJ9Y5J9U4oNl4fdlMlmOamUqsGBYOAKHH7+0vRemCx/hpBd9CdDOcbTSpFsvrb2P+dXBlu4gsgGINAwA4VY7+ES5e9YGWZyakfUsH3cFGCZfgGMJVNK0kYCOFAcYWDIBIULB3CQhPRxKbgAQrlsCCN9egOGyARzfTSVN+xTQSXwFGPgBB4SaIFwkKTjUETl67QKDdpFsoVFWp2lp1qmBBsIqrNQu7mhcoPcKZFuj1bfXJcqio+TBzAJts1ZfxhTtSxfHGAw6mU7f0iTLl9ambWxskbXqW+q1GkPUEoOhNWXaNB1vyihNSxMQcuhpLWAwXC8is5BRt45Gi2a6vg2I0PsraS3WodECekGtb90aWnrt6vovEy2KPIWyADWnqrUtJdsttVgMgxyiI9Mq6rVoIpMvh2g1KmktZFr5I9XT0jCIsiRHSqsU0+TWdGlRVP1y0xaQYSHWwc5SFDCEIxqiIwZiIhZyQwQiERtxEBfxEB8JkDsSIhESA+0gpGocki84eRLJKzd3vHLRGJxpd5yOnSvh6LOwuE7GpW/T//GcNHwEuVHZurOD0L7Yg6xJH0nIhJP15Fjuanol8atMm4YRnOjhLTC8dXS/RiWYc65/rXkBAAAA') format('woff2'),
 5 |   url('iconfont.woff?t=1548814803647') format('woff'),
 6 |   url('iconfont.ttf?t=1548814803647') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
 7 |   url('iconfont.svg?t=1548814803647#iconfont') format('svg'); /* iOS 4.1- */
 8 | }
 9 | 
10 | .iconfont {
11 |   font-family: "iconfont" !important;
12 |   font-size: 16px;
13 |   font-style: normal;
14 |   -webkit-font-smoothing: antialiased;
15 |   -moz-osx-font-smoothing: grayscale;
16 | }
17 | 
18 | .vm-code:before {
19 |   content: "\e65f";
20 | }
21 | 
22 | .vm-line:before {
23 |   content: "\e688";
24 | }
25 | 
26 | .vm-italic:before {
27 |   content: "\e7fe";
28 | }
29 | 
30 | .vm-link:before {
31 |   content: "\e66f";
32 | }
33 | 
34 | .vm-underline:before {
35 |   content: "\e823";
36 | }
37 | 
38 | .vm-ul:before {
39 |   content: "\e683";
40 | }
41 | 
42 | .vm-quote:before {
43 |   content: "\e8cf";
44 | }
45 | 
46 | .vm-image:before {
47 |   content: "\e627";
48 | }
49 | 
50 | .vm-font-size:before {
51 |   content: "\e931";
52 | }
53 | 
54 | .vm-strikethrough:before {
55 |   content: "\e61b";
56 | }
57 | 
58 | .vm-heading:before {
59 |   content: "\e620";
60 | }
61 | 
62 | .vm-bold:before {
63 |   content: "\e71b";
64 | }
65 | 
66 | .vm-table:before {
67 |   content: "\e813";
68 | }
69 | 
70 | .vm-github:before {
71 |   content: "\e603";
72 | }
73 | 
74 | .vm-ol:before {
75 |   content: "\e93c";
76 | }
77 | 
78 | .vm-layout-default:before {
79 |   content: "\e628";
80 | }
81 | 
82 | .vm-layout-right:before {
83 |   content: "\e629";
84 | }
85 | 
86 | .vm-layout-left:before {
87 |   content: "\e62a";
88 | }
89 | 
90 | .vm-layout-zoom:before {
91 |   content: "\e62b";
92 | }
93 | 
94 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/components/vm-markdown/assets/iconfont/iconfont.eot


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.js:
--------------------------------------------------------------------------------
1 | !function(s){var t,i='<svg><symbol id="vm-code" viewBox="0 0 1025 1024"><path d="M240.496 272c-13.504 0-25.664 5.632-34.384 14.608l-0.048-0.048L16.848 475.76C6.608 484.56 0 497.456 0 512c0 13.504 5.616 25.664 14.592 34.368L14.56 546.432l192 192 0.048-0.064C215.248 746.784 226.992 752 240 752c26.512 0 48-21.488 48-48 0-12.992-5.216-24.752-13.616-33.392l0.048-0.048-158.304-158.32 157.808-157.808-0.048-0.048c8.976-8.72 14.608-20.88 14.608-34.384C288.496 293.488 267.008 272 240.496 272zM1024.496 512c0-14.56-6.608-27.44-16.848-36.24L818.432 286.56l-0.032 0.048C809.664 277.632 797.504 272 784 272c-26.512 0-48 21.488-48 48 0 13.504 5.632 25.664 14.608 34.384l-0.048 0.048 157.808 157.808-158.32 158.32 0.048 0.048c-8.384 8.64-13.616 20.384-13.616 33.392 0 26.512 21.488 48 48 48 12.992 0 24.752-5.216 33.408-13.632l0.048 0.064 192-192-0.048-0.064C1018.88 537.664 1024.496 525.504 1024.496 512zM640 128c-20.8 0-38.496 13.232-45.168 31.712L339.2 830.784C337.136 836.128 336 841.936 336 848c0 26.512 21.488 48 48 48 20.8 0 38.496-13.232 45.168-31.712L684.8 193.216C686.88 187.872 688 182.08 688 176 688 149.488 666.512 128 640 128z"  ></path></symbol><symbol id="vm-line" viewBox="0 0 1029 1024"><path d="M-2.3e-05 368.468003l1028.178159 0.835018 0 199.360514L0.019419 568.663534-2.3e-05 368.468003-2.3e-05 368.468003zM-2.3e-05 383.736754"  ></path></symbol><symbol id="vm-italic" viewBox="0 0 1024 1024"><path d="M896 64l0 64-128 0-320 768 128 0 0 64-448 0 0-64 128 0 320-768-128 0 0-64z"  ></path></symbol><symbol id="vm-link" viewBox="0 0 1024 1024"><path d="M972.8 664 740.8 432c-52.8-40-99.2 0-99.2 0l-60.8 60.8-52.8-52.8 52.8-54.4c46.4-44.8 0-105.6 0-105.6l-224-224c-64-57.6-123.2 0-123.2 0L59.2 233.6c-65.6 65.6-1.6 129.6-1.6 129.6L272 579.2c75.2 59.2 124.8 0 124.8 0l57.6-57.6 54.4 54.4-65.6 65.6c-64 65.6 0 121.6 0 121.6l209.6 209.6c65.6 46.4 128 0 128 0l192-192C1024 716.8 972.8 664 972.8 664zM481.6 352l-22.4 22.4c0 0-72-68.8-108.8-32 0 0-52.8 36.8 30.4 113.6l-27.2 27.2c0 0-16 24-52.8 0l-158.4-156.8c0 0-28.8-28.8 1.6-57.6l121.6-120c0 0 20.8-28.8 52.8 0l158.4 158.4C478.4 307.2 505.6 328 481.6 352zM876.8 745.6 740.8 880c0 0-20.8 19.2-40 3.2L526.4 710.4c0 0-9.6-11.2 9.6-28.8l35.2-35.2c0 0 65.6 75.2 107.2 35.2 0 0 49.6-41.6-32-113.6l24-24c0 0 17.6-24 44.8 0l163.2 163.2C876.8 707.2 894.4 720 876.8 745.6z"  ></path></symbol><symbol id="vm-underline" viewBox="0 0 1024 1024"><path d="M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z"  ></path></symbol><symbol id="vm-ul" viewBox="0 0 1024 1024"><path d="M201.31081481481482 434.3277037037037L45.9662222222222 434.3277037037037l0 155.3445925925926 155.3445925925926 0L201.31081481481482 434.3277037037037zM278.98311111111104 434.3277037037037l0 155.3445925925926 699.0506666666666 0L978.0337777777779 434.3277037037037 278.98311111111104 434.3277037037037zM201.31081481481482 745.0168888888888L45.9662222222222 745.0168888888888l0 155.3445925925926 155.3445925925926 0L201.31081481481482 745.0168888888888zM278.98311111111104 745.0168888888888l0 155.3445925925926 699.0506666666666 0 0-155.3445925925926L278.98311111111104 745.0168888888888zM201.31081481481482 123.6385185185186L45.9662222222222 123.6385185185186l0 155.3445925925926 155.3445925925926 0L201.31081481481482 123.6385185185186zM278.98311111111104 123.6385185185186l0 155.3445925925926 699.0506666666666 0L978.0337777777779 123.6385185185186 278.98311111111104 123.6385185185186z"  ></path></symbol><symbol id="vm-quote" viewBox="0 0 1024 1024"><path d="M384 128c-81.292 0-144.966 22.458-189.254 66.746C150.458 239.034 128 302.708 128 384l0 512 320 0L448 384l-192 0c0-46.112 9.844-79.332 29.254-98.746C304.668 265.844 337.888 256 384 256"  ></path><path d="M832 128c-81.292 0-144.966 22.458-189.254 66.746C598.458 239.034 576 302.708 576 384l0 512 320 0L896 384l-192 0c0-46.112 9.844-79.332 29.254-98.746C752.668 265.844 785.888 256 832 256"  ></path></symbol><symbol id="vm-image" viewBox="0 0 1024 1024"><path d="M959.872 128c0.064 0.064 0.064 0.064 0.128 0.128l0 767.744c-0.064 0.064-0.064 0.064-0.128 0.128l-895.744 0c-0.064-0.064-0.064-0.064-0.128-0.128l0-767.744c0.064-0.064 0.064-0.064 0.128-0.128l895.744 0zM960 64l-896 0c-35.2 0-64 28.8-64 64l0 768c0 35.2 28.8 64 64 64l896 0c35.2 0 64-28.8 64-64l0-768c0-35.2-28.8-64-64-64l0 0z"  ></path><path d="M832 288c0 52.992-43.008 96-96 96s-96-43.008-96-96 43.008-96 96-96 96 43.008 96 96z"  ></path><path d="M896 832l-768 0 0-128 224-384 256 320 64 0 224-192z"  ></path></symbol><symbol id="vm-font-size" viewBox="0 0 1024 1024"><path d="M101.788779 64.577784l821.186851 0 0 277.161461-36.316114 0c0 0-69.305459-169.237449-151.077857-184.007851-81.773422-14.770402-138.615011-4.604878-138.615011-4.604878l-1.017166 706.614419c0 0 22.694885 47.76077 60.157101 51.14996l82.923618 0 0 48.7851L285.797653 959.675996l1.146103-49.998741 72.633251-1.151219c0 0 54.538127-17.072841 54.538127-56.837496 0-39.706327 1.151219-692.868347 1.151219-692.868347s-89.704045-12.405541-136.312572-1.025353c-46.544059 11.317767-128.381949 79.476099-140.848888 179.403996l-36.316114 1.151219L101.788779 64.577784 101.788779 64.577784zM101.788779 64.577784"  ></path></symbol><symbol id="vm-strikethrough" viewBox="0 0 1191 1024"><path d="M1128.2753487500004 512.0357178125C1134.088930625 512.0357178125 1138.864371875 513.9043690625 1142.601674375 517.6416715625 1146.3389768749998 521.3789740625 1148.2076281250002 526.1544162499999 1148.2076281250002 531.9679971875L1148.2076281250002 571.8325549999998C1148.2076281250002 577.646136875 1146.3389768749998 582.4215790625 1142.601674375 586.1588806249999 1138.864371875 589.896183125 1134.088930625 591.7648315625001 1128.2753487500004 591.7648315625001L51.93227937500001 591.7648315625001C46.118697499999996 591.7648315625001 41.34325624999997 589.896183125 37.605953750000026 586.1588806249999 33.86865124999997 582.4215790625 32 577.646136875 32 571.8325549999998L32 531.9679971875C32 526.1544162499999 33.86865124999997 521.3789740625 37.605953750000026 517.6416715625 41.34325624999997 513.9043690625 46.118697499999996 512.0357178125 51.93227937500001 512.0357178125L1128.2753487500004 512.0357178125 1128.2753487500004 512.0357178125ZM332.8528371875 472.17116C321.22567437500004 457.63720624999996 310.63665125 441.0269740625 301.08576781249997 422.3404625 281.15348843749996 382.06064843750005 271.18734874999996 343.0266021875 271.18734874999996 305.2383228125 271.18734874999996 230.0770203125 299.00948843749995 165.91999718750003 354.65376781250006 112.76725343750002 409.8827909375 60.029765 491.4805578125 33.6610203125 599.447069375 33.6610203125 620.2098603125 33.6610203125 654.883720625 37.60595093750004 703.4686512499999 45.495811249999974 730.8755346875 50.47888062499999 767.625674375 60.44502031249999 813.719069375 75.39422937500007 817.8716281249999 91.17395093749997 822.2318140625 115.67404343750002 826.799628125 148.89450875 832.6132090625 199.97097406249998 835.52 237.966880625 835.52 262.882229375 835.52 270.35683437499995 834.4818603125 279.70009062500003 832.4055809375 290.9119971875L824.9309768749999 292.78064843749996 772.60874375 289.0433459375 763.888371875 287.79757906250006C743.1255809375 225.9244625 721.7399065625 183.3607409375 699.7313487499999 160.10641625 663.1888371875 122.318136875 619.586976875 103.42399718750005 568.9257678125 103.42399718750005 521.5866050000001 103.42399718750005 483.79832562499996 115.67404343750002 455.56093062499997 140.174136875 427.73879093749997 164.2589740625 413.827720625 194.5726484375 413.827720625 231.11516 413.827720625 261.42883437499995 427.5311628125 290.4967409375 454.93804625 318.318880625 482.344930625 346.1410203125 540.2731165624999 372.9250203125 628.7226049999999 398.670880625 657.37525625 406.9759971875 693.2948834375 420.67943937499996 736.4814884375 439.78120624999997 760.566325625 451.4083690625 780.2909768750001 462.2050203125 795.6554421875001 472.17116L332.8528371875 472.17116 332.8528371875 472.17116ZM904.6600934375001 631.629395C907.5668834374999 647.824371875 909.020279375 666.9261396874999 909.020279375 688.9346975000001 909.020279375 735.0280934374999 900.5075346875001 779.0452090624999 883.4820462499999 820.98604625 873.9311628124999 843.8251165624999 859.1895809375001 865.4184134375 839.2573025 885.76595375 823.8928371874999 900.2999065624999 801.261395 917.1177678125 771.3629768750001 936.2195346875001 738.1425115625001 956.1518140625001 706.3754421875 969.8552506249999 676.0617678125 977.3298603124999 642.8413025 986.0502265625 600.6928371875 990.4104134375 549.616371875 990.4104134375 502.2772090625 990.4104134375 461.7897678125 985.6349768750001 428.15404625 976.0840878125L340.950325625 951.1687390625C317.28074374999994 944.524645625 302.33153468750004 938.71106375 296.1026975 933.727994375 292.78065125 930.40595375 291.11962812499996 925.8381396875002 291.11962812499996 920.0245521874999L291.11962812499996 911.927069375 291.11962812499996 749.3544190625 291.11962812499996 721.9475346874999 354.65376781250006 720.7017621875C360.882605 734.8204596875 367.11144218749996 749.562040625 373.340279375 764.9265115625 379.56911656249997 780.2909768750001 384.2407437499999 791.9181396874999 387.35516281249994 799.808 390.4695809375 807.6978603125001 393.064930625 813.3038140624999 395.14120906249997 816.6258603125 409.6751628125 840.2954421875 426.285395 859.8124653125 444.97190656249995 875.1769306250001 462.82790656249995 890.1261396875 484.62883718750004 901.9609306250001 510.3746975 910.6813024999999 534.8747909374999 919.8169306249999 562.2816743749999 924.3847437500001 592.5953487500001 924.3847437500001 619.171720625 924.3847437500001 648.0319999999999 918.7787909374999 679.1761859375 907.5668834374999 711.1508834374999 896.7702321874999 736.4814884375 878.9142321874999 755.168 853.9988834375 774.685023125 828.6682793750001 784.4435346875 801.884279375 784.4435346875 773.6468778125 784.4435346875 738.765395 767.625674375 706.1678140625002 733.9899537499999 675.8541396875 719.87125625 663.8117206249999 691.4262321875 649.0701396875002 648.6548834375002 631.629395L904.6600934375001 631.629395Z"  ></path></symbol><symbol id="vm-heading" viewBox="0 0 1024 1024"><path d="M30.359 74.071c-4.688 8.596-7.031 17.971-7.031 28.125 0 11.719 3.516 20.408 10.547 26.074s15.135 8.689 24.316 9.082c9.176 0.393 19.629 1.271 31.348 2.637s20.701 4.002 26.953 7.91c13.283 8.203 19.922 35.549 19.922 82.031L137 782.47c0 53.906-6.838 85.354-20.508 94.336-5.859 3.908-14.455 6.346-25.781 7.324-11.332 0.979-21.387 1.564-30.176 1.758s-16.605 3.029-23.438 8.496c-6.838 5.467-10.254 14.063-10.254 25.781 0 10.154 2.438 19.529 7.324 28.125 4.881 8.596 12.205 12.891 21.973 12.891 16.793 0 41.988-0.686 75.586-2.051 33.592-1.365 58.787-2.051 75.586-2.051 17.186 0 42.967 0.686 77.344 2.051s60.158 2.051 77.344 2.051c9.768 0 17.092-4.295 21.973-12.891s7.324-17.971 7.324-28.125c0-14.842-4.98-24.51-14.941-29.004s-22.852-7.031-38.672-7.617-27.246-3.029-34.277-7.324c-13.67-8.203-20.508-39.451-20.508-93.75l0.586-187.5c0-8.203 0.193-14.455 0.586-18.75 5.08-1.172 12.498-1.758 22.266-1.758h409.571c10.154 0 17.771 0.586 22.852 1.758 0.387 4.295 0.586 10.547 0.586 18.75l0.586 187.5c0 54.299-6.838 85.547-20.508 93.75-5.859 3.908-14.256 6.445-25.195 7.617s-20.607 1.951-29.004 2.344-15.92 3.223-22.559 8.496-9.961 13.77-9.961 25.488c0 10.154 2.443 19.529 7.324 28.125s12.205 12.891 21.973 12.891c16.406 0 41.115-0.686 74.121-2.051s57.715-2.051 74.121-2.051c17.965 0 45.018 0.686 81.152 2.051 36.129 1.365 63.182 2.051 81.152 2.051 9.375 0 16.406-4.295 21.094-12.891s7.031-17.971 7.031-28.125c0-12.111-3.516-20.9-10.547-26.367s-15.041-8.203-24.023-8.203c-8.988 0-19.336-0.393-31.055-1.172s-20.508-3.123-26.367-7.031c-3.516-2.344-6.645-5.859-9.375-10.547-2.736-4.688-4.887-10.84-6.445-18.457-1.564-7.617-2.836-14.748-3.809-21.387-0.979-6.639-1.664-14.842-2.051-24.609-0.393-9.768-0.686-17.285-0.879-22.559-0.199-5.273-0.199-12.404 0-21.387 0.193-8.982 0.293-14.063 0.293-15.234V266.845l-0.586-33.398c0-46.875 6.445-74.807 19.336-83.789 5.859-3.908 14.063-6.838 24.609-8.789s19.822-3.416 27.832-4.395c8.004-0.979 15.035-4.395 21.094-10.254 6.053-5.859 9.082-14.648 9.082-26.367 0-9.375-2.443-18.164-7.324-26.367-4.887-8.203-11.818-12.305-20.801-12.305-16.406 0-41.215 0.686-74.414 2.051-33.205 1.365-58.207 2.051-75 2.051-17.971 0-45.023-0.686-81.152-2.051-36.135-1.365-63.381-2.051-81.738-2.051-9.375 0-16.506 4.295-21.387 12.891s-7.324 17.971-7.324 28.125c0 12.111 3.908 20.994 11.719 26.66s16.6 8.596 26.367 8.789 20.9 0.879 33.398 2.051 21.873 3.709 28.125 7.617c14.455 8.596 21.68 40.623 21.68 96.094l-0.586 217.383c0 8.203-0.199 14.256-0.586 18.164-5.08 1.564-15.041 2.344-29.883 2.344H313.367c-14.455 0-24.217-0.779-29.297-2.344-0.393-3.908-0.586-9.961-0.586-18.164l-0.586-229.102c0-46.482 6.445-73.828 19.336-82.031 6.252-3.908 15.041-6.838 26.367-8.789s21.287-3.322 29.883-4.102 16.213-4.102 22.852-9.961 9.961-14.842 9.961-26.953c0-9.768-2.537-18.65-7.617-26.66S371.375 61.181 362 61.181c-17.186 0-42.967 0.686-77.344 2.051s-60.158 2.051-77.344 2.051c-17.578 0-43.652-0.686-78.223-2.051s-60.451-2.051-77.637-2.051c-9.374 0-16.406 4.295-21.093 12.89z" fill="" ></path></symbol><symbol id="vm-bold" viewBox="0 0 1024 1024"><path d="M426.857143 869.142857q42.285714 18.285714 80 18.285714 214.857143 0 214.857143-191.428571 0-65.142857-23.428572-102.857143-15.428571-25.142857-35.142857-42.285714t-38.571428-26.571429-46-14.285714-48-6-54-1.142857q-41.714286 0-57.714286 5.714286 0 30.285714-0.285714 90.857142t-0.285715 90.285715q0 4.571429-0.571428 38.571428t-0.285715 55.142857 2.571429 47.714286 6.857143 38z m-8-426.285714q24 4 62.285714 4 46.857143 0 81.714286-7.428572t62.857143-25.428571 42.571428-51.142857 14.571429-81.142857q0-40-16.571429-70t-45.142857-46.857143T559.428571 140t-70.857142-8q-28.571429 0-74.285715 7.428571 0 28.571429 2.285715 86.285715t2.285714 86.857143q0 15.428571-0.285714 45.714285t-0.285715 45.142857q0 26.285714 0.571429 39.428572z m-309.142857 508l1.142857-53.714286q8.571429-2.285714 48.571428-9.142857t60.571429-15.428571q4-6.857143 7.142857-15.428572t4.857143-19.142857 3.142857-18.571429 1.714286-21.428571 0.285714-19.428571V741.142857q0-561.142857-12.571428-585.714286-2.285714-4.571429-12.571429-8.285714t-25.428571-6.285714-28.285715-4-27.714285-2.571429-17.428572-1.714285l-2.285714-47.428572q56-1.142857 194.285714-6.571428t213.142857-5.428572q13.142857 0 39.142857 0.285714t38.571429 0.285715q40 0 78 7.428571t73.428571 24 61.714286 40.571429 42.285714 59.714285 16 78.571429q0 29.714286-9.428571 54.571429t-22.285714 41.142857T798.857143 412.571429t-41.714286 25.714285-48 22.857143q88 20 146.571429 76.571429t58.571428 141.714285q0 57.142857-20 102.571429t-53.428571 74.571429-78.857143 48.857142T668.571429 933.142857t-100.571429 8q-25.142857 0-75.428571-1.714286t-75.428572-1.714285q-60.571429 0-175.428571 6.285714t-132 6.857143z" fill="" ></path></symbol><symbol id="vm-table" viewBox="0 0 1024 1024"><path d="M329.142857 786.285714v-109.714285q0-8-5.142857-13.142858t-13.142857-5.142857H128q-8 0-13.142857 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142857 5.142858h182.857143q8 0 13.142857-5.142858t5.142857-13.142857z m0-219.428571V457.142857q0-8-5.142857-13.142857t-13.142857-5.142857H128q-8 0-13.142857 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142857z m292.571429 219.428571v-109.714285q0-8-5.142857-13.142858t-13.142858-5.142857H420.571429q-8 0-13.142858 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142858 5.142858h182.857142q8 0 13.142858-5.142858t5.142857-13.142857zM329.142857 347.428571V237.714286q0-8-5.142857-13.142857t-13.142857-5.142858H128q-8 0-13.142857 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142858z m292.571429 219.428572V457.142857q0-8-5.142857-13.142857t-13.142858-5.142857H420.571429q-8 0-13.142858 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142858 5.142857h182.857142q8 0 13.142858-5.142857t5.142857-13.142857z m292.571428 219.428571v-109.714285q0-8-5.142857-13.142858t-13.142857-5.142857h-182.857143q-8 0-13.142857 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142857 5.142858h182.857143q8 0 13.142857-5.142858t5.142857-13.142857z m-292.571428-438.857143V237.714286q0-8-5.142857-13.142857t-13.142858-5.142858H420.571429q-8 0-13.142858 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142858 5.142857h182.857142q8 0 13.142858-5.142857t5.142857-13.142858z m292.571428 219.428572V457.142857q0-8-5.142857-13.142857t-13.142857-5.142857h-182.857143q-8 0-13.142857 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142857z m0-219.428572V237.714286q0-8-5.142857-13.142857t-13.142857-5.142858h-182.857143q-8 0-13.142857 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142858z m73.142857-182.857142v621.714285q0 37.714286-26.857142 64.571429t-64.571429 26.857143H128q-37.714286 0-64.571429-26.857143t-26.857142-64.571429V164.571429q0-37.714286 26.857142-64.571429t64.571429-26.857143h768q37.714286 0 64.571429 26.857143t26.857142 64.571429z" fill="" ></path></symbol><symbol id="vm-github" viewBox="0 0 1024 1024"><path d="M512 51.2c-256 0-460.8 204.8-460.8 460.8 0 204.8 133.12 378.88 317.44 435.2 25.6 5.12 30.72-10.24 30.72-20.48v-76.8c-128 25.6-153.6-61.44-153.6-61.44-20.48-51.2-51.2-66.56-51.2-66.56-40.96-30.72 5.12-30.72 5.12-30.72 46.08 5.12 71.68 46.08 71.68 46.08 40.96 71.68 107.52 51.2 133.12 40.96 5.12-30.72 15.36-51.2 30.72-61.44-102.4-10.24-209.92-51.2-209.92-225.28 0-51.2 15.36-92.16 46.08-122.88-10.24-15.36-25.6-61.44 0-128 0 0 40.96-10.24 128 46.08 35.84-10.24 71.68-15.36 112.64-15.36s76.8 5.12 112.64 15.36c87.04-61.44 128-46.08 128-46.08 25.6 61.44 10.24 112.64 5.12 122.88 30.72 30.72 46.08 71.68 46.08 122.88 0 179.2-107.52 215.04-209.92 225.28 15.36 15.36 30.72 40.96 30.72 87.04v128c0 10.24 10.24 25.6 30.72 20.48C839.68 890.88 972.8 716.8 972.8 512c0-256-204.8-460.8-460.8-460.8z"  ></path></symbol><symbol id="vm-ol" viewBox="0 0 1024 1024"><path d="M217.728 925.728q0 45.728-31.136 72T109.152 1024Q48.576 1024 10.88 986.272l32.576-50.272q28 25.728 60.576 25.728 16.576 0 28.864-8.288t12.288-24.288q0-36.576-60-32l-14.848-32q4.576-5.728 18.56-24.864t24.288-30.848 21.152-22.016v-0.576q-9.152 0-27.712 0.576t-27.712 0.576v30.272H18.336v-86.848h190.272v50.272l-54.272 65.728q29.152 6.848 46.272 28t17.152 50.272z m1.12-358.304v90.848H12q-3.424-20.576-3.424-30.848 0-29.152 13.44-53.152t32.288-38.848 37.728-27.136 32.288-24.864 13.44-25.728q0-14.272-8.288-22.016t-22.56-7.712q-26.272 0-46.272 33.152L12.064 427.392q13.728-29.152 40.864-45.44t60.288-16.288q41.728 0 70.272 23.712t28.576 64.288q0 28.576-19.424 52.288t-42.848 36.864-43.136 28.864-20.288 30.016h72.576v-34.272h60zM1024 749.728v109.728q0 7.424-5.44 12.864t-12.864 5.44H310.848q-7.424 0-12.864-5.44t-5.44-12.864v-109.728q0-8 5.152-13.152t13.152-5.152h694.848q7.424 0 12.864 5.44t5.44 12.864zM219.424 236v56.576H28V236h61.152q0-23.424 0.288-69.44t0.288-69.44v-6.848h-1.152q-4.576 9.728-28.576 30.848L19.424 77.696 97.152 5.12h60.576v230.848h61.728zM1024 457.152v109.728q0 7.424-5.44 12.864t-12.864 5.44H310.848q-7.424 0-12.864-5.44t-5.44-12.864v-109.728q0-8 5.152-13.152t13.152-5.152h694.848q7.424 0 12.864 5.44t5.44 12.864z m0-292.576v109.728q0 7.424-5.44 12.864t-12.864 5.44H310.848q-7.424 0-12.864-5.44t-5.44-12.864V164.576q0-7.424 5.44-12.864t12.864-5.44h694.848q7.424 0 12.864 5.44t5.44 12.864z"  ></path></symbol><symbol id="vm-layout-default" viewBox="0 0 1024 1024"><path d="M918.4 48H48V972.8H976V48h-57.6zM105.6 918.4V105.6h377.6v809.6H105.6z m812.8 0H540.8V105.6h377.6v812.8z"  ></path></symbol><symbol id="vm-layout-right" viewBox="0 0 1024 1024"><path d="M972.8 48H48V972.8h928l-3.2-924.8zM105.6 915.2V537.6h617.6V480H105.6V105.6h812.8v809.6H105.6z"  ></path></symbol><symbol id="vm-layout-left" viewBox="0 0 1024 1024"><path d="M972.8 48H48V972.8h928V480l-3.2-432z m-54.4 489.6v377.6H105.6V105.6h812.8V480H300.8v57.6h617.6z"  ></path></symbol><symbol id="vm-layout-zoom" viewBox="0 0 1024 1024"><path d="M976 48h-928V972.8h928V48zM105.6 105.6h812.8v809.6H105.6V105.6z"  ></path><path d="M758.4 208H208V812.8h608V208h-57.6z m0 550.4H265.6V265.6h492.8v492.8z"  ></path></symbol></svg>',l=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(l&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(e=t,o=s.document,c=!1,h=function(){c||(c=!0,e())},(i=function(){try{o.documentElement.doScroll("left")}catch(t){return void setTimeout(i,50)}h()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,h())});var e,o,c,h,i}(function(){var t,l,e,o,c,h;(t=document.createElement("div")).innerHTML=i,i=null,(l=t.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",e=l,(o=document.body).firstChild?(c=e,(h=o.firstChild).parentNode.insertBefore(c,h)):o.appendChild(e))})}(window);


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <!--
 4 | 2013-9-30: Created.
 5 | -->
 6 | <svg>
 7 | <metadata>
 8 | Created by iconfont
 9 | </metadata>
10 | <defs>
11 | 
12 | <font id="iconfont" horiz-adv-x="1024" >
13 |   <font-face
14 |     font-family="iconfont"
15 |     font-weight="500"
16 |     font-stretch="normal"
17 |     units-per-em="1024"
18 |     ascent="896"
19 |     descent="-128"
20 |   />
21 |     <missing-glyph />
22 |     
23 |     <glyph glyph-name="code" unicode="&#58975;" d="M240.496 540c-13.504 0-25.664-5.632-34.384-14.608l-0.048 0.048L16.848 336.24C6.608 327.44 0 314.544 0 300c0-13.504 5.616-25.664 14.592-34.368L14.56 265.568l192-192 0.048 0.064C215.248 65.216 226.992 60 240 60c26.512 0 48 21.488 48 48 0 12.992-5.216 24.752-13.616 33.392l0.048 0.048-158.304 158.32 157.808 157.808-0.048 0.048c8.976 8.72 14.608 20.88 14.608 34.384C288.496 518.512 267.008 540 240.496 540zM1024.496 300c0 14.56-6.608 27.44-16.848 36.24L818.432 525.44l-0.032-0.048C809.664 534.368 797.504 540 784 540c-26.512 0-48-21.488-48-48 0-13.504 5.632-25.664 14.608-34.384l-0.048-0.048 157.808-157.808-158.32-158.32 0.048-0.048c-8.384-8.64-13.616-20.384-13.616-33.392 0-26.512 21.488-48 48-48 12.992 0 24.752 5.216 33.408 13.632l0.048-0.064 192 192-0.048 0.064C1018.88 274.336 1024.496 286.496 1024.496 300zM640 684c-20.8 0-38.496-13.232-45.168-31.712L339.2-18.784C337.136-24.128 336-29.936 336-36c0-26.512 21.488-48 48-48 20.8 0 38.496 13.232 45.168 31.712L684.8 618.784C686.88 624.128 688 629.92 688 636 688 662.512 666.512 684 640 684z"  horiz-adv-x="1025" />
24 | 
25 |     
26 |     <glyph glyph-name="line" unicode="&#59016;" d="M-2.3e-05 443.531997l1028.178159-0.835018 0-199.360514L0.019419 243.336466-2.3e-05 443.531997-2.3e-05 443.531997zM-2.3e-05 428.263246"  horiz-adv-x="1029" />
27 | 
28 |     
29 |     <glyph glyph-name="italic" unicode="&#59390;" d="M896 832l0-64-128 0-320-768 128 0 0-64-448 0 0 64 128 0 320 768-128 0 0 64z"  horiz-adv-x="1024" />
30 | 
31 |     
32 |     <glyph glyph-name="link" unicode="&#58991;" d="M972.8 220l-232 232c-52.8 40-99.2 0-99.2 0l-60.8-60.8-52.8 52.8 52.8 54.4c46.4 44.8 0 105.6 0 105.6l-224 224c-64 57.6-123.2 0-123.2 0l-174.4-177.6c-65.6-65.6-1.6-129.6-1.6-129.6l214.4-216c75.2-59.2 124.8 0 124.8 0l57.6 57.6 54.4-54.4-65.6-65.6c-64-65.6 0-121.6 0-121.6l209.6-209.6c65.6-46.4 128 0 128 0l192 192c51.2 64 0 116.8 0 116.8zM481.6 532l-22.4-22.4c0 0-72 68.8-108.8 32 0 0-52.8-36.8 30.4-113.6l-27.2-27.2c0 0-16-24-52.8 0l-158.4 156.8c0 0-28.8 28.8 1.6 57.6l121.6 120c0 0 20.8 28.8 52.8 0l158.4-158.4c1.6 0 28.8-20.8 4.8-44.8zM876.8 138.4l-136-134.4c0 0-20.8-19.2-40-3.2l-174.4 172.8c0 0-9.6 11.2 9.6 28.8l35.2 35.2c0 0 65.6-75.2 107.2-35.2 0 0 49.6 41.6-32 113.6l24 24c0 0 17.6 24 44.8 0l163.2-163.2c-1.6 0 16-12.8-1.6-38.4z"  horiz-adv-x="1024" />
33 | 
34 |     
35 |     <glyph glyph-name="underline" unicode="&#59427;" d="M704 832l128 0 0-416c0-159.072-143.264-288-320-288s-320 128.928-320 288l0 416 128 0 0-416c0-40.16 18.24-78.688 51.36-108.512 36.896-33.216 86.848-51.488 140.64-51.488s103.744 18.304 140.64 51.488c33.12 29.792 51.36 68.352 51.36 108.512l0 416zM192 64l640 0 0-128-640 0z"  horiz-adv-x="1024" />
36 | 
37 |     
38 |     <glyph glyph-name="ul" unicode="&#59011;" d="M201.31081481481482 461.6722962962963L45.9662222222222 461.6722962962963l0-155.3445925925926 155.3445925925926 0L201.31081481481482 461.6722962962963zM278.98311111111104 461.6722962962963l0-155.3445925925926 699.0506666666666 0L978.0337777777779 461.6722962962963 278.98311111111104 461.6722962962963zM201.31081481481482 150.98311111111116L45.9662222222222 150.98311111111116l0-155.3445925925926 155.3445925925926 0L201.31081481481482 150.98311111111116zM278.98311111111104 150.98311111111116l0-155.3445925925926 699.0506666666666 0 0 155.3445925925926L278.98311111111104 150.98311111111116zM201.31081481481482 772.3614814814814L45.9662222222222 772.3614814814814l0-155.3445925925926 155.3445925925926 0L201.31081481481482 772.3614814814814zM278.98311111111104 772.3614814814814l0-155.3445925925926 699.0506666666666 0L978.0337777777779 772.3614814814814 278.98311111111104 772.3614814814814z"  horiz-adv-x="1024" />
39 | 
40 |     
41 |     <glyph glyph-name="quote" unicode="&#59599;" d="M384 768c-81.292 0-144.966-22.458-189.254-66.746C150.458 656.966 128 593.292 128 512l0-512 320 0L448 512l-192 0c0 46.112 9.844 79.332 29.254 98.746C304.668 630.156 337.888 640 384 640M832 768c-81.292 0-144.966-22.458-189.254-66.746C598.458 656.966 576 593.292 576 512l0-512 320 0L896 512l-192 0c0 46.112 9.844 79.332 29.254 98.746C752.668 630.156 785.888 640 832 640"  horiz-adv-x="1024" />
42 | 
43 |     
44 |     <glyph glyph-name="image" unicode="&#58919;" d="M959.872 768c0.064-0.064 0.064-0.064 0.128-0.128l0-767.744c-0.064-0.064-0.064-0.064-0.128-0.128l-895.744 0c-0.064 0.064-0.064 0.064-0.128 0.128l0 767.744c0.064 0.064 0.064 0.064 0.128 0.128l895.744 0zM960 832l-896 0c-35.2 0-64-28.8-64-64l0-768c0-35.2 28.8-64 64-64l896 0c35.2 0 64 28.8 64 64l0 768c0 35.2-28.8 64-64 64l0 0zM832 608c0-52.992-43.008-96-96-96s-96 43.008-96 96 43.008 96 96 96 96-43.008 96-96zM896 64l-768 0 0 128 224 384 256-320 64 0 224 192z"  horiz-adv-x="1024" />
45 | 
46 |     
47 |     <glyph glyph-name="font-size" unicode="&#59697;" d="M101.788779 831.422216l821.186851 0 0-277.161461-36.316114 0c0 0-69.305459 169.237449-151.077857 184.007851-81.773422 14.770402-138.615011 4.604878-138.615011 4.604878l-1.017166-706.614419c0 0 22.694885-47.76077 60.157101-51.14996l82.923618 0 0-48.7851L285.797653-63.675996000000055l1.146103 49.998741 72.633251 1.151219c0 0 54.538127 17.072841 54.538127 56.837496 0 39.706327 1.151219 692.868347 1.151219 692.868347s-89.704045 12.405541-136.312572 1.025353c-46.544059-11.317767-128.381949-79.476099-140.848888-179.403996l-36.316114-1.151219L101.788779 831.422216 101.788779 831.422216zM101.788779 831.422216"  horiz-adv-x="1024" />
48 | 
49 |     
50 |     <glyph glyph-name="strikethrough" unicode="&#58907;" d="M1128.2753487500004 383.9642821875C1134.088930625 383.9642821875 1138.864371875 382.0956309375 1142.601674375 378.35832843749995 1146.3389768749998 374.6210259375 1148.2076281250002 369.84558375000006 1148.2076281250002 364.03200281249997L1148.2076281250002 324.16744500000016C1148.2076281250002 318.353863125 1146.3389768749998 313.5784209375 1142.601674375 309.84111937500006 1138.864371875 306.103816875 1134.088930625 304.23516843749985 1128.2753487500004 304.23516843749985L51.93227937500001 304.23516843749985C46.118697499999996 304.23516843749985 41.34325624999997 306.103816875 37.605953750000026 309.84111937500006 33.86865124999997 313.5784209375 32 318.353863125 32 324.16744500000016L32 364.03200281249997C32 369.84558375000006 33.86865124999997 374.6210259375 37.605953750000026 378.35832843749995 41.34325624999997 382.0956309375 46.118697499999996 383.9642821875 51.93227937500001 383.9642821875L1128.2753487500004 383.9642821875 1128.2753487500004 383.9642821875ZM332.8528371875 423.82884C321.22567437500004 438.36279375000004 310.63665125 454.9730259375 301.08576781249997 473.6595375 281.15348843749996 513.9393515625 271.18734874999996 552.9733978125 271.18734874999996 590.7616771875 271.18734874999996 665.9229796875 299.00948843749995 730.0800028125 354.65376781250006 783.2327465625 409.8827909375 835.970235 491.4805578125 862.3389796875 599.447069375 862.3389796875 620.2098603125 862.3389796875 654.883720625 858.3940490625 703.4686512499999 850.50418875 730.8755346875 845.521119375 767.625674375 835.5549796875 813.719069375 820.6057706249999 817.8716281249999 804.8260490625 822.2318140625 780.3259565625 826.799628125 747.10549125 832.6132090625 696.0290259375 835.52 658.0331193750001 835.52 633.117770625 835.52 625.643165625 834.4818603125 616.299909375 832.4055809375 605.0880028125L824.9309768749999 603.2193515625 772.60874375 606.9566540625 763.888371875 608.2024209374999C743.1255809375 670.0755375 721.7399065625 712.6392590625001 699.7313487499999 735.8935837500001 663.1888371875 773.6818631250001 619.586976875 792.5760028125 568.9257678125 792.5760028125 521.5866050000001 792.5760028125 483.79832562499996 780.3259565625 455.56093062499997 755.8258631250001 427.73879093749997 731.7410259375 413.827720625 701.4273515625 413.827720625 664.8848399999999 413.827720625 634.571165625 427.5311628125 605.5032590625 454.93804625 577.681119375 482.344930625 549.8589796875 540.2731165624999 523.0749796875 628.7226049999999 497.329119375 657.37525625 489.0240028125 693.2948834375 475.32056062500004 736.4814884375 456.21879375000003 760.566325625 444.5916309375 780.2909768750001 433.7949796875 795.6554421875001 423.82884L332.8528371875 423.82884 332.8528371875 423.82884ZM904.6600934375001 264.37060499999995C907.5668834374999 248.175628125 909.020279375 229.07386031250007 909.020279375 207.06530249999992 909.020279375 160.97190656250007 900.5075346875001 116.95479093750009 883.4820462499999 75.01395375000004 873.9311628124999 52.17488343750006 859.1895809375001 30.58158656249998 839.2573025 10.234046250000006 823.8928371874999-4.2999065624999275 801.261395-21.117767812500006 771.3629768750001-40.21953468750007 738.1425115625001-60.15181406250008 706.3754421875-73.85525062499994 676.0617678125-81.32986031249993 642.8413025-90.05022656250003 600.6928371875-94.41041343749998 549.616371875-94.41041343749998 502.2772090625-94.41041343749998 461.7897678125-89.63497687500012 428.15404625-80.0840878125L340.950325625-55.16873906249998C317.28074374999994-48.52464562499995 302.33153468750004-42.711063749999994 296.1026975-37.72799437499998 292.78065125-34.40595374999998 291.11962812499996-29.83813968750019 291.11962812499996-24.02455218749992L291.11962812499996-15.927069374999974 291.11962812499996 146.64558093749997 291.11962812499996 174.0524653125001 354.65376781250006 175.29823781250002C360.882605 161.17954031249997 367.11144218749996 146.437959375 373.340279375 131.07348843750003 379.56911656249997 115.70902312499993 384.2407437499999 104.08186031250011 387.35516281249994 96.19200000000001 390.4695809375 88.3021396874999 393.064930625 82.6961859375001 395.14120906249997 79.37413968750002 409.6751628125 55.70455781249996 426.285395 36.18753468750003 444.97190656249995 20.823069374999932 462.82790656249995 5.873860312500028 484.62883718750004-5.96093062500006 510.3746975-14.681302499999902 534.8747909374999-23.81693062499994 562.2816743749999-28.384743750000098 592.5953487500001-28.384743750000098 619.171720625-28.384743750000098 648.0319999999999-22.778790937499934 679.1761859375-11.566883437499882 711.1508834374999-0.7702321874999143 736.4814884375 17.08576781250008 755.168 42.00111656249999 774.685023125 67.33172062499989 784.4435346875 94.115720625 784.4435346875 122.35312218750005 784.4435346875 157.234605 767.625674375 189.83218593749984 733.9899537499999 220.14586031249996 719.87125625 232.1882793750001 691.4262321875 246.92986031249984 648.6548834375002 264.37060499999995L904.6600934375001 264.37060499999995Z"  horiz-adv-x="1191" />
51 | 
52 |     
53 |     <glyph glyph-name="heading" unicode="&#58912;" d="M30.359 821.929c-4.688-8.596-7.031-17.971-7.031-28.125 0-11.719 3.516-20.408 10.547-26.074s15.135-8.689 24.316-9.082c9.176-0.393 19.629-1.271 31.348-2.637s20.701-4.002 26.953-7.91c13.283-8.203 19.922-35.549 19.922-82.031L137 113.52999999999997c0-53.906-6.838-85.354-20.508-94.336-5.859-3.908-14.455-6.346-25.781-7.324-11.332-0.979-21.387-1.564-30.176-1.758s-16.605-3.029-23.438-8.496c-6.838-5.467-10.254-14.063-10.254-25.781 0-10.154 2.438-19.529 7.324-28.125 4.881-8.596 12.205-12.891 21.973-12.891 16.793 0 41.988 0.686 75.586 2.051 33.592 1.365 58.787 2.051 75.586 2.051 17.186 0 42.967-0.686 77.344-2.051s60.158-2.051 77.344-2.051c9.768 0 17.092 4.295 21.973 12.891s7.324 17.971 7.324 28.125c0 14.842-4.98 24.51-14.941 29.004s-22.852 7.031-38.672 7.617-27.246 3.029-34.277 7.324c-13.67 8.203-20.508 39.451-20.508 93.75l0.586 187.5c0 8.203 0.193 14.455 0.586 18.75 5.08 1.172 12.498 1.758 22.266 1.758h409.571c10.154 0 17.771-0.586 22.852-1.758 0.387-4.295 0.586-10.547 0.586-18.75l0.586-187.5c0-54.299-6.838-85.547-20.508-93.75-5.859-3.908-14.256-6.445-25.195-7.617s-20.607-1.951-29.004-2.344-15.92-3.223-22.559-8.496-9.961-13.77-9.961-25.488c0-10.154 2.443-19.529 7.324-28.125s12.205-12.891 21.973-12.891c16.406 0 41.115 0.686 74.121 2.051s57.715 2.051 74.121 2.051c17.965 0 45.018-0.686 81.152-2.051 36.129-1.365 63.182-2.051 81.152-2.051 9.375 0 16.406 4.295 21.094 12.891s7.031 17.971 7.031 28.125c0 12.111-3.516 20.9-10.547 26.367s-15.041 8.203-24.023 8.203c-8.988 0-19.336 0.393-31.055 1.172s-20.508 3.123-26.367 7.031c-3.516 2.344-6.645 5.859-9.375 10.547-2.736 4.688-4.887 10.84-6.445 18.457-1.564 7.617-2.836 14.748-3.809 21.387-0.979 6.639-1.664 14.842-2.051 24.609-0.393 9.768-0.686 17.285-0.879 22.559-0.199 5.273-0.199 12.404 0 21.387 0.193 8.982 0.293 14.063 0.293 15.234V629.155l-0.586 33.398c0 46.875 6.445 74.807 19.336 83.789 5.859 3.908 14.063 6.838 24.609 8.789s19.822 3.416 27.832 4.395c8.004 0.979 15.035 4.395 21.094 10.254 6.053 5.859 9.082 14.648 9.082 26.367 0 9.375-2.443 18.164-7.324 26.367-4.887 8.203-11.818 12.305-20.801 12.305-16.406 0-41.215-0.686-74.414-2.051-33.205-1.365-58.207-2.051-75-2.051-17.971 0-45.023 0.686-81.152 2.051-36.135 1.365-63.381 2.051-81.738 2.051-9.375 0-16.506-4.295-21.387-12.891s-7.324-17.971-7.324-28.125c0-12.111 3.908-20.994 11.719-26.66s16.6-8.596 26.367-8.789 20.9-0.879 33.398-2.051 21.873-3.709 28.125-7.617c14.455-8.596 21.68-40.623 21.68-96.094l-0.586-217.383c0-8.203-0.199-14.256-0.586-18.164-5.08-1.564-15.041-2.344-29.883-2.344H313.367c-14.455 0-24.217 0.779-29.297 2.344-0.393 3.908-0.586 9.961-0.586 18.164l-0.586 229.102c0 46.482 6.445 73.828 19.336 82.031 6.252 3.908 15.041 6.838 26.367 8.789s21.287 3.322 29.883 4.102 16.213 4.102 22.852 9.961 9.961 14.842 9.961 26.953c0 9.768-2.537 18.65-7.617 26.66S371.375 834.819 362 834.819c-17.186 0-42.967-0.686-77.344-2.051s-60.158-2.051-77.344-2.051c-17.578 0-43.652 0.686-78.223 2.051s-60.451 2.051-77.637 2.051c-9.374 0-16.406-4.295-21.093-12.89z"  horiz-adv-x="1024" />
54 | 
55 |     
56 |     <glyph glyph-name="bold" unicode="&#59163;" d="M426.857143 26.857143q42.285714-18.285714 80-18.285714 214.857143 0 214.857143 191.428571 0 65.142857-23.428572 102.857143-15.428571 25.142857-35.142857 42.285714t-38.571428 26.571429-46 14.285714-48 6-54 1.142857q-41.714286 0-57.714286-5.714286 0-30.285714-0.285714-90.857142t-0.285715-90.285715q0-4.571429-0.571428-38.571428t-0.285715-55.142857 2.571429-47.714286 6.857143-38z m-8 426.285714q24-4 62.285714-4 46.857143 0 81.714286 7.428572t62.857143 25.428571 42.571428 51.142857 14.571429 81.142857q0 40-16.571429 70t-45.142857 46.857143T559.428571 756t-70.857142 8q-28.571429 0-74.285715-7.428571 0-28.571429 2.285715-86.285715t2.285714-86.857143q0-15.428571-0.285714-45.714285t-0.285715-45.142857q0-26.285714 0.571429-39.428572z m-309.142857-508l1.142857 53.714286q8.571429 2.285714 48.571428 9.142857t60.571429 15.428571q4 6.857143 7.142857 15.428572t4.857143 19.142857 3.142857 18.571429 1.714286 21.428571 0.285714 19.428571V154.857143q0 561.142857-12.571428 585.714286-2.285714 4.571429-12.571429 8.285714t-25.428571 6.285714-28.285715 4-27.714285 2.571429-17.428572 1.714285l-2.285714 47.428572q56 1.142857 194.285714 6.571428t213.142857 5.428572q13.142857 0 39.142857-0.285714t38.571429-0.285715q40 0 78-7.428571t73.428571-24 61.714286-40.571429 42.285714-59.714285 16-78.571429q0-29.714286-9.428571-54.571429t-22.285714-41.142857T798.857143 483.428571t-41.714286-25.714285-48-22.857143q88-20 146.571429-76.571429t58.571428-141.714285q0-57.142857-20-102.571429t-53.428571-74.571429-78.857143-48.857142T668.571429-37.142857t-100.571429-8q-25.142857 0-75.428571 1.714286t-75.428572 1.714285q-60.571429 0-175.428571-6.285714t-132-6.857143z"  horiz-adv-x="1024" />
57 | 
58 |     
59 |     <glyph glyph-name="table" unicode="&#59411;" d="M329.142857 109.714286v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m0 219.428571V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m292.571429-219.428571v109.714285q0 8-5.142857 13.142858t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142858-5.142858h182.857142q8 0 13.142858 5.142858t5.142857 13.142857zM329.142857 548.571429V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858H128q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m292.571429-219.428572V438.857143q0 8-5.142857 13.142857t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142857z m292.571428-219.428571v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m-292.571428 438.857143V658.285714q0 8-5.142857 13.142857t-13.142858 5.142858H420.571429q-8 0-13.142858-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142858z m292.571428-219.428572V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m0 219.428572V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858h-182.857143q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m73.142857 182.857142v-621.714285q0-37.714286-26.857142-64.571429t-64.571429-26.857143H128q-37.714286 0-64.571429 26.857143t-26.857142 64.571429V731.428571q0 37.714286 26.857142 64.571429t64.571429 26.857143h768q37.714286 0 64.571429-26.857143t26.857142-64.571429z"  horiz-adv-x="1024" />
60 | 
61 |     
62 |     <glyph glyph-name="github" unicode="&#58883;" d="M512 844.8c-256 0-460.8-204.8-460.8-460.8 0-204.8 133.12-378.88 317.44-435.2 25.6-5.12 30.72 10.24 30.72 20.48v76.8c-128-25.6-153.6 61.44-153.6 61.44-20.48 51.2-51.2 66.56-51.2 66.56-40.96 30.72 5.12 30.72 5.12 30.72 46.08-5.12 71.68-46.08 71.68-46.08 40.96-71.68 107.52-51.2 133.12-40.96 5.12 30.72 15.36 51.2 30.72 61.44-102.4 10.24-209.92 51.2-209.92 225.28 0 51.2 15.36 92.16 46.08 122.88-10.24 15.36-25.6 61.44 0 128 0 0 40.96 10.24 128-46.08 35.84 10.24 71.68 15.36 112.64 15.36s76.8-5.12 112.64-15.36c87.04 61.44 128 46.08 128 46.08 25.6-61.44 10.24-112.64 5.12-122.88 30.72-30.72 46.08-71.68 46.08-122.88 0-179.2-107.52-215.04-209.92-225.28 15.36-15.36 30.72-40.96 30.72-87.04v-128c0-10.24 10.24-25.6 30.72-20.48C839.68 5.12 972.8 179.2 972.8 384c0 256-204.8 460.8-460.8 460.8z"  horiz-adv-x="1024" />
63 | 
64 |     
65 |     <glyph glyph-name="ol" unicode="&#59708;" d="M217.728-29.728q0-45.728-31.136-72T109.152-128Q48.576-128 10.88-90.272l32.576 50.272q28-25.728 60.576-25.728 16.576 0 28.864 8.288t12.288 24.288q0 36.576-60 32l-14.848 32q4.576 5.728 18.56 24.864t24.288 30.848 21.152 22.016v0.576q-9.152 0-27.712-0.576t-27.712-0.576v-30.272H18.336v86.848h190.272v-50.272l-54.272-65.728q29.152-6.848 46.272-28t17.152-50.272z m1.12 358.304v-90.848H12q-3.424 20.576-3.424 30.848 0 29.152 13.44 53.152t32.288 38.848 37.728 27.136 32.288 24.864 13.44 25.728q0 14.272-8.288 22.016t-22.56 7.712q-26.272 0-46.272-33.152L12.064 468.608q13.728 29.152 40.864 45.44t60.288 16.288q41.728 0 70.272-23.712t28.576-64.288q0-28.576-19.424-52.288t-42.848-36.864-43.136-28.864-20.288-30.016h72.576v34.272h60zM1024 146.272v-109.728q0-7.424-5.44-12.864t-12.864-5.44H310.848q-7.424 0-12.864 5.44t-5.44 12.864v109.728q0 8 5.152 13.152t13.152 5.152h694.848q7.424 0 12.864-5.44t5.44-12.864zM219.424 660v-56.576H28V660h61.152q0 23.424 0.288 69.44t0.288 69.44v6.848h-1.152q-4.576-9.728-28.576-30.848L19.424 818.304 97.152 890.88h60.576v-230.848h61.728zM1024 438.848v-109.728q0-7.424-5.44-12.864t-12.864-5.44H310.848q-7.424 0-12.864 5.44t-5.44 12.864v109.728q0 8 5.152 13.152t13.152 5.152h694.848q7.424 0 12.864-5.44t5.44-12.864z m0 292.576v-109.728q0-7.424-5.44-12.864t-12.864-5.44H310.848q-7.424 0-12.864 5.44t-5.44 12.864V731.424q0 7.424 5.44 12.864t12.864 5.44h694.848q7.424 0 12.864-5.44t5.44-12.864z"  horiz-adv-x="1024" />
66 | 
67 |     
68 |     <glyph glyph-name="layout-default" unicode="&#58920;" d="M918.4 848H48V-76.8H976V848h-57.6zM105.6-22.4V790.4h377.6v-809.6H105.6z m812.8 0H540.8V790.4h377.6v-812.8z"  horiz-adv-x="1024" />
69 | 
70 |     
71 |     <glyph glyph-name="layout-right" unicode="&#58921;" d="M972.8 848H48V-76.8h928l-3.2 924.8zM105.6-19.2V358.4h617.6V416H105.6V790.4h812.8v-809.6H105.6z"  horiz-adv-x="1024" />
72 | 
73 |     
74 |     <glyph glyph-name="layout-left" unicode="&#58922;" d="M972.8 848H48V-76.8h928V416l-3.2 432z m-54.4-489.6v-377.6H105.6V790.4h812.8V416H300.8v-57.6h617.6z"  horiz-adv-x="1024" />
75 | 
76 |     
77 |     <glyph glyph-name="layout-zoom" unicode="&#58923;" d="M976 848h-928V-76.8h928V848zM105.6 790.4h812.8v-809.6H105.6V790.4zM758.4 688H208V83.2h608V688h-57.6z m0-550.4H265.6V630.4h492.8v-492.8z"  horiz-adv-x="1024" />
78 | 
79 |     
80 | 
81 | 
82 |   </font>
83 | </defs></svg>
84 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/components/vm-markdown/assets/iconfont/iconfont.ttf


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/components/vm-markdown/assets/iconfont/iconfont.woff


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/iconfont/iconfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/components/vm-markdown/assets/iconfont/iconfont.woff2


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/js/insertText.js:
--------------------------------------------------------------------------------
 1 | function insertText(textDom, value) {
 2 |   textDom.focus()
 3 |   var startPos = getSelection(textDom).start
 4 |   var endPos = getSelection(textDom).end
 5 |   textDom.value = textDom.value.substring(0, startPos) + value + textDom.value.substring(endPos, textDom.value.length);
 6 |   textDom.selectionStart = startPos + value.length;
 7 |   textDom.selectionEnd = startPos + value.length;
 8 |   
 9 | }
10 | // 获取焦点起始坐标
11 | function getSelection(el) {
12 |   var start = 0, end = 0, normalizedValue, range,
13 |     textInputRange, len, endRange;
14 | 
15 |   if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") {
16 |     start = el.selectionStart;
17 |     end = el.selectionEnd;
18 |   } else {
19 |     range = document.selection.createRange();
20 | 
21 |     if (range && range.parentElement() == el) {
22 |       len = el.value.length;
23 |       normalizedValue = el.value.replace(/\r\n/g, "\n");
24 | 
25 |       // Create a working TextRange that lives only in the input
26 |       textInputRange = el.createTextRange();
27 |       textInputRange.moveToBookmark(range.getBookmark());
28 | 
29 |       // Check if the start and end of the selection are at the very end
30 |       // of the input, since moveStart/moveEnd doesn't return what we want
31 |       // in those cases
32 |       endRange = el.createTextRange();
33 |       endRange.collapse(false);
34 | 
35 |       if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
36 |         start = end = len;
37 |       } else {
38 |         start = -textInputRange.moveStart("character", -len);
39 |         start += normalizedValue.slice(0, start).split("\n").length - 1;
40 | 
41 |         if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
42 |             end = len;
43 |         } else {
44 |             end = -textInputRange.moveEnd("character", -len);
45 |             end += normalizedValue.slice(0, end).split("\n").length - 1;
46 |         }
47 |       }
48 |     }
49 |   }
50 |   return {
51 |     start: start,
52 |     end: end
53 |   }
54 | }
55 | export default insertText
56 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/assets/logo_vmeditor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/src/components/vm-markdown/assets/logo_vmeditor.png


--------------------------------------------------------------------------------
/src/components/vm-markdown/components/dropdown.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="vm-markdown-dropdown">
 3 |       <slot></slot>
 4 |       <span class="block"></span>
 5 |     </div>
 6 | </template>
 7 | <style lang="scss">
 8 |   .vm-markdown-dropdown{
 9 |     position: absolute;
10 |     background: #fff;
11 |     left: 0;
12 |     top: 35px;
13 |     border-radius: 4px;
14 |     border: 1px solid #eeeff1;
15 |     box-shadow: 0 0 4px rgba(0,0,0,.05);
16 |     z-index: 999;
17 |     .block{
18 |       width: 100%;
19 |       height: 15px;
20 |       background: red;
21 |       position: absolute;
22 |       left: 0;
23 |       top: -15px;
24 |       opacity: 0;
25 |     }
26 |   }
27 | </style>
28 | <script>
29 | export default {
30 |   name: 'VmMarkdownDropDown'
31 | }
32 | </script>
33 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/components/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="vm-markdown" :style="{width: width, height:height}">
  3 |         <VmMarkdownMenu 
  4 |             :bgMenu="themeValue.bgMenu" 
  5 |             :menuBorder="themeValue.menuBorder" 
  6 |             :menuColor="themeValue.menuColor" 
  7 |             :hoverColor="themeValue.hoverColor"
  8 |             :tools="tools" 
  9 |             @textChange="updateHtmlString"
 10 |             @file-loaded="fileLoaded">
 11 |         </VmMarkdownMenu>
 12 |         <div class="content">
 13 |             <div 
 14 |                 class="vm-markdown-edit" 
 15 |                 :style="{backgroundColor: themeValue.bgLeft}">
 16 |                 <textarea class="vm-markdown-content" v-model="markdString"/>
 17 |             </div>
 18 |             <div 
 19 |                 class="markdown-body vm-markdown-body" 
 20 |                 v-html="htmlString" 
 21 |                 :style="{backgroundColor: themeValue.bgRight}">
 22 |             </div>
 23 |         </div>
 24 |     </div>
 25 | </template>
 26 | 
 27 | <script>
 28 | import VmMarkdownMenu from './menu.vue'
 29 | import marked from 'marked'
 30 | import theme from '../theme/theme.js'
 31 | import insertText from '../assets/js/insertText.js'
 32 | export default {
 33 |     name: 'VmMarkdown',
 34 |     components: {
 35 |         VmMarkdownMenu,
 36 |     },
 37 |     props: {
 38 |         value: '',
 39 |         uploadImage: {
 40 |             type: Function,
 41 |             default() {
 42 |                 return () => {};
 43 |             }
 44 |         },
 45 |         theme: {
 46 |             type: String,
 47 |             default: 'default'
 48 |         },
 49 |         width: {
 50 |             type: String,
 51 |             default: '900px'
 52 |         },
 53 |         height: {
 54 |             type: String,
 55 |             default: '500px'
 56 |         },
 57 |         defaultText: {
 58 |             type: String,
 59 |             default: ''
 60 |         },
 61 |         tools: {
 62 |             type: Object,
 63 |             default() {
 64 |                 return {};
 65 |             }
 66 |         }
 67 |     },
 68 |     data() {
 69 |         return {
 70 |             markdString: '',
 71 |             htmlString: ''
 72 |         }
 73 |     },
 74 |     computed: {
 75 |         themeValue: function() {
 76 |             if (theme.hasOwnProperty(this.theme)) {
 77 |                 return theme[this.theme]
 78 |             } else {
 79 |                 return theme.dark
 80 |             }
 81 |         }
 82 |     },
 83 |     methods: {
 84 |         async fileLoaded(files) {
 85 |             const res = await this.uploadImage(files);
 86 |             let content = document.querySelector('.vm-markdown-content');
 87 |             const string = `![img](${res})`;
 88 |             insertText(content, string);
 89 |         },
 90 |         updateHtmlString(data) {
 91 |             this.markdString = data
 92 |         },
 93 |         layoutControl() {
 94 |             let VmMarkdownLayout = document.querySelector('.vm-markdown-layout')
 95 |             let VmMarkdown = document.querySelector('.vm-markdown')
 96 |             let VmMarkdownEdit = document.querySelector('.vm-markdown-edit')
 97 | 
 98 |             let is = VmMarkdownLayout.querySelectorAll('i')
 99 |             for (let i = 0; i < is.length; i++) {
100 |                 is[i].addEventListener('click', evt => {
101 |                     switch (is[i].dataset.layout) {
102 |                         case 'default':
103 |                             VmMarkdownEdit.style.width = '50%'
104 |                             break;
105 |                         case 'right':
106 |                             VmMarkdownEdit.style.width = '100%'
107 |                             break;
108 |                         case 'left':
109 |                             VmMarkdownEdit.style.width = '0'
110 |                             break;
111 |                         case 'zoom':
112 |                             if (VmMarkdown.style.position === 'fixed') {
113 |                                 VmMarkdown.style.cssText = 'width:' + this.width + ';' +
114 |                                     'height:' + this.height + ';'
115 |                             } else {
116 |                                 VmMarkdown.style.position = 'fixed'
117 |                                 VmMarkdown.style.zIndex = 999
118 |                                 VmMarkdown.style.left = '0'
119 |                                 VmMarkdown.style.top = '0'
120 |                                 VmMarkdown.style.margin = '0'
121 |                                 VmMarkdown.style.width = '100%'
122 |                                 VmMarkdown.style.height = '100%'
123 |                             }
124 |                             break
125 |                     }
126 |                 })
127 |             }
128 |         }
129 |     },
130 |     watch: {
131 |         markdString(value) {
132 |             marked.setOptions({
133 |                 renderer: new marked.Renderer(),
134 |                 gfm: true,
135 |                 tables: true,
136 |                 breaks: true,
137 |                 pedantic: false,
138 |                 sanitize: false,
139 |                 smartLists: true,
140 |                 smartypants: false
141 |             })
142 |             this.$emit('input', value)
143 |             this.htmlString = marked(value)
144 |             this.$emit('html-change')
145 |             // this.$nextTick(() => {
146 |             //     const codes = document.querySelectorAll(".markdown-body pre code");
147 |             //     codes.forEach(elem => {
148 |             //         hljs.highlightBlock(elem);
149 |             //     });
150 |             // });
151 |             setTimeout(() => {
152 |                 let html = document.querySelector('.vm-markdown-body')
153 |                 this.$emit('change', {
154 |                     html: html.innerHTML,
155 |                     markdown: this.markdString
156 |                 });
157 |             }, 0)
158 |         },
159 |         value(value) {
160 |             this.markdString = value
161 |         }
162 |     },
163 |     mounted() {
164 |         this.markdString = this.defaultText
165 |         this.layoutControl()
166 |     }
167 | }
168 | 
169 | </script>
170 | 
171 | <style lang="scss">
172 | @import url('../assets/iconfont/iconfont.css');
173 | 
174 | .vm-markdown {
175 |     background-color: white;
176 |     min-width: 700px;
177 |     min-height: 300px;
178 |     overflow: hidden;
179 |     .content {
180 |         display: flex;
181 |         position: relative;
182 |         box-sizing: border-box;
183 |         overflow: hidden;
184 |         height: calc(100% - 40px);
185 |         width: 100%;
186 |         text-align: left;
187 |         font-size: 16px;
188 |         border: 1px solid #eeeff1;
189 |         border-top: none;
190 | 
191 |         .vm-markdown-edit,
192 |         .render {
193 |             height: 100%;
194 |         }
195 | 
196 |         .vm-markdown-edit {
197 |             width: 50%;
198 |             box-sizing: border-box;
199 |             outline: none;
200 |             border-right: 1px solid #eeeff1;
201 |             flex-shrink: 0;
202 | 
203 |             .vm-markdown-content {
204 |                 width: 100%;
205 |                 height: 100%;
206 |                 padding: 15px;
207 |                 overflow: auto;
208 |                 box-sizing: border-box;
209 |                 resize: none;
210 |                 outline: none;
211 |                 border: none;
212 |                 background-color: transparent;
213 |                 font-size: 14px;
214 |                 color: #232323;
215 |                 line-height: 24px;
216 |             }
217 |         }
218 |         .markdown-body {
219 |             padding: 15px;
220 |             overflow: auto;
221 |             flex-grow: 1;
222 |             word-wrap: break-word;
223 |         }
224 |     }
225 | }
226 | 
227 | </style>
228 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/components/menu-button.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="vm-markdown-button"  @mouseleave="hideSlot" @click="showSlot">
 3 |     <i :class="icon" :data-layout="layout"></i>
 4 |     <!-- <i :class="icon" @click="showSlot"></i> -->
 5 |     <slot v-if="slot || keepSlot"></slot>
 6 |   </div>
 7 | </template>
 8 | <style lang="scss">
 9 |   .vm-markdown-button{
10 |     // width: 24px;
11 |     // height: 24px;
12 |     position: relative;
13 |     border-radius: 4px;
14 |     outline: 0;
15 |     cursor: pointer;
16 |     background-color: transparent;
17 |     border: none;
18 |     margin-left: 20px;
19 |     display: flex;
20 |     justify-content: center;
21 |     color: inherit;
22 |     &:first-child{
23 |       margin-left: 0;
24 |     }
25 |     i{
26 |       display: inline-block;
27 |       line-height: 24px;
28 |       width: 24px;
29 |       font-size: 16px;
30 |       // color: #858585;
31 |       color: inherit;
32 |       text-align: center;
33 |     }
34 |   }
35 | </style>
36 | <script>
37 | export default {
38 |   name: 'VmMarkdownButton',
39 |   props: {
40 |     keepSlot: {
41 |       type: Boolean,
42 |       default: false
43 |     },
44 |     icon: {
45 |       type: String,
46 |       default: 'iconfont icon-heading'
47 |     },
48 |     layout: {
49 |       type: String,
50 |       default: ''
51 |     }
52 |   },
53 |   data: function () {
54 |     return {
55 |       slot: false
56 |     }
57 |   },
58 |   methods: {
59 |     showSlot () {
60 |       this.slot === false ? this.slot = true : this.slot = false
61 |     },
62 |     hideSlot () {
63 |       this.slot = false
64 |     },
65 |   }
66 | }
67 | </script>
68 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/components/menu.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<div class="vm-editor-menu" :style="{backgroundColor:bgMenu, color:menuColor, border:menuBorder}">
  3 | 		<div class="command">
  4 | 			<MenuButton icon="iconfont vm-heading" v-if="_tools.heading">
  5 | 				<dropdown>
  6 | 					<ul class="vm-editor-ul" :style="{color: hoverColor}">
  7 | 						<li @click="insertText('# Title\n')">
  8 | 							<h1>H1</h1>
  9 | 						</li>
 10 | 						<li @click="insertText('## Title\n')">
 11 | 							<h2>H2</h2>
 12 | 						</li>
 13 | 						<li @click="insertText('### Title\n')">
 14 | 							<h3>H3</h3>
 15 | 						</li>
 16 | 						<li @click="insertText('#### Title\n')">
 17 | 							<h4>H4</h4>
 18 | 						</li>
 19 | 						<li @click="insertText('##### Title\n')">
 20 | 							<h5>H5</h5>
 21 | 						</li>
 22 | 					</ul>
 23 | 				</dropdown>
 24 | 			</MenuButton>
 25 | 			<MenuButton icon="iconfont vm-bold" @click.native="insertText(' **Bold** ')" v-if="_tools.bold"/>
 26 | 			<MenuButton icon="iconfont vm-italic" @click.native="insertText(' *Italic* ')" v-if="_tools.italic"/>
 27 | 			<MenuButton icon="iconfont vm-strikethrough" @click.native="insertText(' ~~Strikethrough~~ ')" v-if="_tools.strike"/>
 28 | 			<MenuButton icon="iconfont vm-ol" @click.native="insertText('1. Ordered List\n')" v-if="_tools.ol"/>
 29 | 			<MenuButton icon="iconfont vm-ul" @click.native="insertText('- Unordered List\n')" v-if="_tools.ul"/>
 30 | 			<MenuButton icon="iconfont vm-quote" @click.native="insertText(' > Blockquote\n\n')" v-if="_tools.quote"/>
 31 | 			<MenuButton icon="iconfont vm-code" @click.native="insertText('```\nCode\n```\n')" v-if="_tools.code"/>
 32 | 			<MenuButton icon="iconfont vm-table" v-if="_tools.table">
 33 | 				<ToolTable :hoverColor="hoverColor" @textChange="uploadTable"/>
 34 | 			</MenuButton>
 35 | 			<MenuButton icon="iconfont vm-image" keep-slot v-if="_tools.image">
 36 | 				<input type="file" accept="image/jpeg,image/jpg,image/png" @change="fileChange" class="load-img">
 37 | 				<!-- <VmMarkdownUpload @file-loaded="fileLoaded"/> -->
 38 | 			</MenuButton>
 39 | 			<MenuButton icon="iconfont vm-link" @click.native="insertText('[JesseLuo](https://github.com/luosijie)')" v-if="_tools.link"/>
 40 | 			<MenuButton icon="iconfont vm-line" @click.native="insertText('***\n')" v-if="_tools.line"/>
 41 | 		</div>
 42 | 		<div class="vm-markdown-layout">
 43 | 			<MenuButton icon="iconfont vm-layout-default" layout="default" v-if="_tools.layoutDefault"/>
 44 | 			<MenuButton icon="iconfont vm-layout-right" layout="right" v-if="_tools.layoutRight"/>
 45 | 			<!-- <Button icon="iconfont vm-layout-left" layout="left" v-if="_tools.layoutLeft"/> -->
 46 | 			<MenuButton icon="iconfont vm-layout-zoom" layout="zoom" v-if="_tools.layoutZoom"/>
 47 | 		</div>
 48 | 	</div>
 49 | </template>
 50 | 
 51 | <script>
 52 | import MenuButton from './menu-button.vue'
 53 | import dropdown from './dropdown.vue'
 54 | import ToolTable from './tool-table.vue'
 55 | // import VmMarkdownUpload from './vm-markdown-upload.vue'
 56 | import insertText from '../assets/js/insertText.js'
 57 | export default {
 58 | 	name: 'VmMarkdownMenu',
 59 | 	components: {
 60 | 		MenuButton,
 61 | 		dropdown,
 62 | 		ToolTable
 63 | 		// VmMarkdownUpload
 64 | 	},
 65 | 	props: {
 66 | 		bgMenu: {
 67 | 			type: String,
 68 | 			default: '#fafbfc'
 69 | 		},
 70 | 		menuBorder: {
 71 | 			type: String,
 72 | 			default: '1px solid #eeeff1'
 73 | 		},
 74 | 		menuColor: {
 75 | 			type: String,
 76 | 			default: '#858585'
 77 | 		},
 78 | 		hoverColor: {
 79 | 			type: String,
 80 | 			default: '#232323'
 81 | 		},
 82 | 		tools: {
 83 | 			type: Object,
 84 | 			default() {
 85 | 				return {};
 86 | 			}
 87 | 		}
 88 | 	},
 89 | 	computed: {
 90 | 		_tools() {
 91 | 			const tools = {
 92 | 				'heading': true,
 93 | 				'bold': true,
 94 | 				'italic': true,
 95 | 				'strike': true,
 96 | 				'ol': true,
 97 | 				'ul': true,
 98 | 				'quote': true,
 99 | 				'code': true,
100 | 				'table': true,
101 | 				'image': true,
102 | 				'link': true,
103 | 				'line': true,
104 | 				'layoutZoom': true,
105 | 				'layoutLeft': true,
106 | 				'layoutRight': true,
107 | 				'layoutDefault': true
108 | 			};
109 | 			return Object.assign(tools, this.tools);
110 | 		},
111 | 		filterColor: function() {
112 | 			if (this.bgMenu === '#fafbfc') {
113 | 				return '#232323'
114 | 			} else {
115 | 				return this.bgMenu
116 | 			}
117 | 		}
118 | 	},
119 | 	methods: {
120 | 		insertText(string) {
121 | 			let content = document.querySelector('.vm-markdown-content')
122 | 			insertText(content, string)
123 | 			this.$emit('textChange', content.value)
124 | 		},
125 | 		uploadTable(content) {
126 | 			this.$emit('textChange', content)
127 | 		},
128 | 		fileChange(e) {
129 | 			const files = e.target.files || e.dataTransfer.files;
130 |             if (!files.length) return;
131 | 			this.$emit('file-loaded', files);
132 | 			e.target.value = "";
133 | 		    console.log("图片上传文件", e.target.value);
134 | 		}
135 | 	},
136 | 	mounted() {
137 | 		let menu = document.querySelector('.vm-editor-menu')
138 | 		menu.addEventListener('mouseover', evt => {
139 | 			if (evt.target.tagName == 'I') {
140 | 				evt.target.style.color = this.hoverColor
141 | 			}
142 | 		})
143 | 		menu.addEventListener('mouseout', function(evt) {
144 | 			if (evt.target.tagName == 'I') {
145 | 				evt.target.style.color = ''
146 | 			}
147 | 		})
148 | 	}
149 | }
150 | 
151 | </script>
152 | 
153 | <style lang="scss">
154 | .vm-editor-menu {
155 | 	display: flex;
156 | 	height: 40px;
157 | 	box-sizing: border-box;
158 | 	justify-content: space-between;
159 | 	align-items: center;
160 | 	padding: 0 15px;
161 | 	position: relative;
162 | 
163 | 	.command,
164 | 	.vm-markdown-layout {
165 | 		display: flex;
166 | 	}
167 | 
168 | 	.line {
169 | 		display: inline-block;
170 | 		width: 1px;
171 | 		height: 40px;
172 | 		margin: 0 10px;
173 | 		background-color: #eeeff1;
174 | 	}
175 | }
176 | .load-img {
177 | 	cursor: pointer;
178 | 	position: absolute;
179 |     width: 100%;
180 |     height: 100%;
181 |     top: 0;
182 |     left: 0;
183 |     opacity: 0;
184 | }
185 | ul.vm-editor-ul {
186 | 	padding: 0;
187 | 	margin: 0;
188 | 
189 | 	li {
190 | 		margin: 0;
191 | 		padding: 5px 30px;
192 | 		display: flex;
193 | 		justify-content: center;
194 | 
195 | 		&:hover {
196 | 			background: #f8f8f8;
197 | 		}
198 | 
199 | 		h1 {
200 | 			text-align: center;
201 | 		}
202 | 	}
203 | }
204 | 
205 | </style>
206 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/components/tool-table.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <dropdown>
  3 |         <ul class="vm-markdown-table"></ul>
  4 |     </dropdown>
  5 | </template>
  6 | <style lang="scss">
  7 | ul.vm-markdown-table {
  8 |     margin: 3px;
  9 |     width: 160px;
 10 |     padding: 0;
 11 |     display: flex;
 12 |     flex-wrap: wrap;
 13 |     justify-content: space-around;
 14 |     list-style: none;
 15 |     li {
 16 |         float: left;
 17 |         width: 20px;
 18 |         height: 20px;
 19 |         background: black;
 20 |         margin: 3px;
 21 |         border-radius: 2px;
 22 |         background-color: #e0e0e0;
 23 |         &:hover {
 24 |             background-color: #232323;
 25 |         }
 26 |     }
 27 | }
 28 | </style>
 29 | <script>
 30 | import dropdown from "./dropdown.vue";
 31 | import insertText from "../assets/js/insertText.js";
 32 | export default {
 33 |     name: "VmMarkdownTable",
 34 |     components: {
 35 |         dropdown
 36 |     },
 37 |     props: {
 38 |         hoverColor: {
 39 |             type: String,
 40 |             default: "#232323"
 41 |         }
 42 |     },
 43 |     methods: {
 44 |         insertText(string) {
 45 |             let content = document.querySelector(".vm-markdown-content");
 46 |             insertText(content, string);
 47 |             this.$emit("textChange", content.value);
 48 |         }
 49 |     },
 50 |     computed: {
 51 |         filterColor: function() {
 52 |             if (this.hoverColor === "#fafbfc") {
 53 |                 return "#232323";
 54 |             } else {
 55 |                 return this.hoverColor;
 56 |             }
 57 |         }
 58 |     },
 59 |     mounted() {
 60 |         let table = document.querySelector(".vm-markdown-table");
 61 |         let length = 24;
 62 |         let x = 0,
 63 |             y = 0;
 64 |         for (let i = 0; i < length; i++) {
 65 |             let setx = (i % 6) + 1;
 66 |             let sety = parseInt(i / 6) + 1;
 67 |             let li = document.createElement("li");
 68 |             li.setAttribute("data-x", setx);
 69 |             li.setAttribute("data-y", sety);
 70 |             table.appendChild(li);
 71 |         }
 72 | 
 73 |         table.addEventListener("mouseover", evt => {
 74 |             if (evt.target.tagName === "LI") {
 75 |                 x = evt.target.getAttribute("data-x");
 76 |                 y = evt.target.getAttribute("data-y");
 77 |                 let lis = table.querySelectorAll("li");
 78 |                 for (let i = 0; i < lis.length; i++) {
 79 |                     lis[i].style.backgroundColor = "#e0e0e0";
 80 |                     if (lis[i].dataset.x <= x && lis[i].dataset.y <= y) {
 81 |                         lis[i].style.backgroundColor = this.filterColor;
 82 |                     }
 83 |                 }
 84 |             }
 85 |         });
 86 |         table.addEventListener("click", evt => {
 87 |             if (x && y) {
 88 |                 let th = "| Head ";
 89 |                 let td = "| Data ";
 90 |                 let tl = "| ---  ";
 91 |                 let str = "";
 92 |                 let ths = "",
 93 |                     tls = "",
 94 |                     tds = "";
 95 |                 for (let i = 0; i < x; i++) {
 96 |                     ths = ths.concat(th);
 97 |                     tls = tls.concat(tl);
 98 |                 }
 99 |                 for (let j = 0; j < y; j++) {
100 |                     for (let k = 0; k < x; k++) {
101 |                         tds = tds.concat(td);
102 |                     }
103 |                     tds += " |\n";
104 |                 }
105 |                 ths += " |\n";
106 |                 tls += " |\n";
107 |                 str += "\n" + ths + tls + tds;
108 |                 this.insertText(str);
109 |             }
110 |         });
111 |     }
112 | };
113 | </script>
114 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/index.js:
--------------------------------------------------------------------------------
1 | import VmMarkdown from "./components/index.vue";
2 | 
3 | export default VmMarkdown;
4 | 


--------------------------------------------------------------------------------
/src/components/vm-markdown/text/intro.js:
--------------------------------------------------------------------------------
 1 | let intro = 
 2 | `### Install
 3 | \`\`\`
 4 | npm install --save vm-markdown
 5 | \`\`\`
 6 | ### Usage
 7 | \`\`\`
 8 | import VmMarkdown from 'vm-markdown'
 9 | export default {
10 |   ...
11 |   components: {
12 |   	VmMarkdown
13 |   },
14 |   methods: {
15 |   	showHtml (data) {
16 |       console.log(data)
17 |     }
18 |   }
19 |   ...
20 | }
21 | \`\`\`
22 | \`\`\`
23 | <VmMarkdown theme="default" //dark, green, gray, princess
24 |             width="1000px" 
25 |             height="600px" 
26 |             v-on:gethtml="showHtml"
27 |             :defaultText="intro">
28 | </VmMarkdown>
29 | \`\`\`
30 | `
31 | export default intro


--------------------------------------------------------------------------------
/src/components/vm-markdown/theme/theme.js:
--------------------------------------------------------------------------------
 1 | let theme = {
 2 |   default: {
 3 |       // menuColor: '#6d96c1',
 4 |       menuColor: '#6992bf',
 5 |       menuBorder: '1px solid #35495e',
 6 |       hoverColor: '#88bcf1',
 7 |       bgMenu: '#35495e',
 8 |       bgLeft: '#f7f7f7',
 9 |       bgRight: '#ffffff'
10 |     },
11 |     green: {
12 |       // menuColor: '#50e2a1',
13 |       menuColor: '#ffffff',
14 |       menuBorder: '1px solid #41b883',
15 |       hoverColor: '#5affb6',
16 |       bgMenu: '#41b883',
17 |       bgLeft: '#f0fff8',
18 |       bgRight: '#ffffff'
19 |     },
20 |     gray: {
21 |       menuColor: '#656565',
22 |       menuBorder: '1px solid #eeeff1',
23 |       hoverColor: '#232323',
24 |       bgMenu: '#fafbfc',
25 |       bgLeft: '#fafbfc',
26 |       bgRight: '#fff'
27 |     },
28 |     dark: {
29 |       menuColor: '#aaa',
30 |       menuBorder: '1px solid #27292c',
31 |       hoverColor: '#09bb07',
32 |       bgMenu: '#27292c',
33 |       bgLeft: '#edeae8',
34 |       bgRight: '#f5f5f5'
35 |     },
36 |     princess: {
37 |       menuColor: '#ffffff',
38 |       menuBorder: '1px solid #f05959',
39 |       hoverColor: '#ffc2c2',
40 |       bgMenu: '#f05959',
41 |       bgLeft: '#fff8f8',
42 |       bgRight: '#ffffff'
43 |     },
44 |     white: {
45 |       menuColor: '#999',
46 |       menuBorder: '1px solid #eeeff1',
47 |       hoverColor: '#333',
48 |       bgMenu: 'white',
49 |       bgLeft: '#f8f8f8',
50 |       bgRight: '#ffffff'
51 |     }
52 | 
53 | }
54 | 
55 | export default theme
56 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | 
4 | new Vue({
5 |   el: '#app',
6 |   render: h => h(App)
7 | })
8 | 


--------------------------------------------------------------------------------
/src/text/intro.js:
--------------------------------------------------------------------------------
 1 | let intro = 
 2 | `### Install
 3 | \`\`\`
 4 | npm install --save vm-markdown
 5 | \`\`\`
 6 | ### Usage
 7 | \`\`\`
 8 | <template>
 9 |   <VmMarkdown
10 |     :uploadImage="uploadImage"
11 |     theme="default" //dark, green, gray, princess
12 |     width="1000px" 
13 |     height="600px" 
14 |     @change="onChange"
15 |   />
16 | </template>
17 | <script>
18 |   import VmMarkdown from "vm-markdown"
19 |   import "highlight.js/styles/github.css"
20 |   import hljs from 'highlight.js'
21 |   export default {
22 |     name: "app",
23 |     components: {
24 |         VmMarkdown
25 |     },
26 |     methods: {
27 |       onChange(data) {
28 |         // data = {html, markdown}
29 |         this.$nextTick(() => {
30 |             const codes = document.querySelectorAll(".markdown-body pre code");
31 |             codes.forEach(elem => {
32 |                 hljs.highlightBlock(elem);
33 |             });
34 |         });
35 |       },
36 |       // your method to upolad the file to server and
37 |       async uploadImage(file) {
38 |         const imgUrl = await this.uploadRequest(file);
39 |         return imgUrl
40 |       }
41 |     }
42 |   }
43 | </script>
44 | \`\`\`
45 | `
46 | export default intro


--------------------------------------------------------------------------------
/src/theme/theme.js:
--------------------------------------------------------------------------------
 1 | let theme = {
 2 |   default: {
 3 |       // menuColor: '#6d96c1',
 4 |       menuColor: '#6992bf',
 5 |       menuBorder: '1px solid #35495e',
 6 |       hoverColor: '#88bcf1',
 7 |       bgMenu: '#35495e',
 8 |       bgLeft: '#f7f7f7',
 9 |       bgRight: '#ffffff'
10 |     },
11 |     green: {
12 |       // menuColor: '#50e2a1',
13 |       menuColor: '#ffffff',
14 |       menuBorder: '1px solid #41b883',
15 |       hoverColor: '#5affb6',
16 |       bgMenu: '#41b883',
17 |       bgLeft: '#f0fff8',
18 |       bgRight: '#ffffff'
19 |     },
20 |     gray: {
21 |       menuColor: '#656565',
22 |       menuBorder: '1px solid #eeeff1',
23 |       hoverColor: '#232323',
24 |       bgMenu: '#fafbfc',
25 |       bgLeft: '#fafbfc',
26 |       bgRight: '#fff'
27 |     },
28 |     dark: {
29 |       menuColor: '#aaa',
30 |       menuBorder: '1px solid #27292c',
31 |       hoverColor: '#09bb07',
32 |       bgMenu: '#27292c',
33 |       bgLeft: '#edeae8',
34 |       bgRight: '#f5f5f5'
35 |     },
36 |     princess: {
37 |       menuColor: '#ffffff',
38 |       menuBorder: '1px solid #f05959',
39 |       hoverColor: '#ffc2c2',
40 |       bgMenu: '#f05959',
41 |       bgLeft: '#fff8f8',
42 |       bgRight: '#ffffff'
43 |     },
44 | 
45 | }
46 | 
47 | export default theme
48 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/static/favicon.ico


--------------------------------------------------------------------------------
/static/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luosijie/vm-markdown/8eb5a15f891d71d3c7e6eb6cb7edc4505dfe23a1/static/logo.png


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const webpack = require('webpack')
 3 | const HtmlWebpackPlugin = require('html-webpack-plugin')
 4 | const VueLoaderPlugin = require('vue-loader/lib/plugin')
 5 | const rules = require('./webpack.config.rules')
 6 | 
 7 | module.exports = {
 8 |     entry: './src/main.js',
 9 |     mode: 'development',
10 |     output: {
11 |         path: path.resolve(__dirname, './docs'),
12 |         // publicPath: '/docs/',
13 |         filename: '[name]?[hash].js'
14 |     },
15 |     plugins: [
16 |         new VueLoaderPlugin(),
17 |         new HtmlWebpackPlugin({
18 |             template: __dirname + '/index.html',
19 |             favicon: __dirname + '/static/favicon.ico'
20 |         })
21 |     ],
22 |     module: {
23 |         rules
24 |     },
25 |     resolve: {
26 |         alias: {
27 |             'vue$': 'vue/dist/vue.esm.js'
28 |         }
29 |     },
30 |     devServer: {
31 |         historyApiFallback: true,
32 |         noInfo: true
33 |     },
34 |     performance: {
35 |         hints: false
36 |     },
37 |     devtool: '#eval-source-map'
38 | }
39 | 
40 | if (process.env.NODE_ENV === 'production') {
41 |     module.exports.devtool = '#source-map'
42 | }
43 | 


--------------------------------------------------------------------------------
/webpack.config.rules.js:
--------------------------------------------------------------------------------
 1 | module.exports = [
 2 |     {
 3 |         test: /\.vue$/,
 4 |         use: {
 5 |             loader: 'vue-loader'
 6 |         }
 7 |     },
 8 |     {
 9 |         test: /\.css$/,
10 |         use: [
11 |             'vue-style-loader',
12 |             'style-loader',
13 |             'css-loader'
14 |         ]
15 |     },
16 |     {
17 |         test: /\.scss$/,
18 |         use: [
19 |             "style-loader", // creates style nodes from JS strings
20 |             "css-loader", // translates CSS into CommonJS
21 |             "sass-loader" // compiles Sass to CSS, using Node Sass by default
22 |         ]
23 |     },
24 |     {
25 |         test: /\.js$/,
26 |         exclude: /node_modules/,
27 |         use: {
28 |             loader: 'babel-loader'
29 |         }
30 |     },
31 |     {
32 |         test: /\.(png|jpg|gif)$/,
33 |         use: [{
34 |             loader: 'file-loader',
35 |             options: {
36 |                 name: '[name].[ext]?[hash]'
37 |             }
38 |         }]
39 |     },
40 |     {
41 |         test: /\.(woff|svg|eot|ttf|otf)(\?.*)?$/,
42 |         use: [{
43 |             loader: 'url-loader',
44 |             options: {
45 |                 name: '[name].[ext]?[hash]'
46 |             }
47 |         }]
48 |     }
49 | ]
50 | 
51 | 


--------------------------------------------------------------------------------
/webpack.dist.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const VueLoaderPlugin = require('vue-loader/lib/plugin')
 3 | const rules = require('./webpack.config.rules')
 4 | 
 5 | module.exports = {
 6 |     entry: './src/components/vm-markdown/index.js',
 7 |     mode: 'production',
 8 |     output: {
 9 |         path: path.resolve(__dirname, './dist'),
10 |         filename: 'vm_markdown.min.js',
11 |         library: 'vm-markdown',
12 |         libraryTarget: 'umd'
13 |     },
14 |     plugins: [
15 |         new VueLoaderPlugin()
16 |     ],
17 |     module: {
18 |         rules
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------