[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8645":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},8645,"mavonEditor","hinesboy\u002FmavonEditor","hinesboy","mavonEditor - A markdown editor based on Vue that supports a variety of personalized features","",null,"Vue",6587,905,86,363,0,3,5,1,39.87,"MIT License",false,"master",true,[26,27,28,29,30,31],"editor","html","javascript","markdown","vue","webpack","2026-06-12 02:01:56","# mavonEditor\r\n\r\n| Vue2 | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fmavon-editor\u002Flatest.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmavon-editor\u002Fv\u002Flatest) |\r\n| ---- | ------------------------------------------------------------ |\r\n| **Vue3** | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fmavon-editor\u002Fnext.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmavon-editor\u002Fv\u002Fnext) |\r\n\r\n### [English Documents](.\u002FREADME-EN.md)\r\n[Demo for jsfiddle](https:\u002F\u002Fjsfiddle.net\u002FCHENXCHEN\u002Fqf7gLw3a\u002F3\u002F)\r\n\r\n## example (图片展示)\r\n\r\n### PC\r\n\r\n![PC](.\u002Fimg\u002Fcn\u002Fcn-common.png)\r\n\r\n![PC](.\u002Fimg\u002Fcn\u002Fcn-image.gif)\r\n\r\n> [查看更多图片点击这里...](.\u002Fdoc\u002Fcn\u002Fimages.md)\r\n\r\n### Install mavon-editor (安装)\r\n\r\n```\r\n$ npm install mavon-editor --save\r\n```\r\n\r\n### Use (如何引入)\r\n\r\n`index.js`:\r\n```javascript\r\n    \u002F\u002F 全局注册\r\n    \u002F\u002F import with ES6\r\n    import Vue from 'vue'\r\n    import mavonEditor from 'mavon-editor'\r\n    import 'mavon-editor\u002Fdist\u002Fcss\u002Findex.css'\r\n    \u002F\u002F use\r\n    Vue.use(mavonEditor)\r\n    new Vue({\r\n        'el': '#main',\r\n        data() {\r\n            return { value: '' }\r\n        }\r\n    })\r\n```\r\n`index.html`\r\n```html\r\n\u003Cdiv id=\"main\">\r\n    \u003Cmavon-editor v-model=\"value\"\u002F>\r\n\u003C\u002Fdiv>\r\n```\r\n### 如何在nuxt.js 中使用\r\n> 首先在工程目录plugins 下新建 vue-mavon-editor.js\r\n```javascrpt \r\nimport Vue from 'vue';\r\nimport mavonEditor from 'mavon-editor';\r\nimport 'mavon-editor\u002Fdist\u002Fcss\u002Findex.css';\r\n\r\nVue.use(mavonEditor);\r\n```\r\n> 然后在nuxt.config.js 中添加plugins配置\r\n```javascript\r\n  plugins: [\r\n  ...\r\n    { src: '@\u002Fplugins\u002Fvue-mavon-editor', ssr: false }\r\n  ],\r\n```\r\n> 最后一步在页面或者组件中引入\r\n```vue\r\n\u003Ctemplate>\r\n  \u003Cdiv class=\"mavonEditor\">\r\n    \u003Cno-ssr>\r\n      \u003Cmavon-editor :toolbars=\"markdownOption\" v-model=\"handbook\"\u002F>\r\n    \u003C\u002Fno-ssr>\r\n  \u003C\u002Fdiv>\r\n\u003C\u002Ftemplate>\r\n\u003Cscript>\r\nexport default {\r\n  data() {\r\n    return {\r\n      markdownOption: {\r\n        bold: true, \u002F\u002F 粗体\r\n        ... \u002F\u002F 更多配置\r\n      },\r\n      handbook: \"#### how to use mavonEditor in nuxt.js\"\r\n    };\r\n  }\r\n};\r\n\u003C\u002Fscript>\r\n\r\n\u003Cstyle scoped>\r\n.mavonEditor {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\u003C\u002Fstyle>\r\n```\r\n\r\n\r\n> [更多引入方式点击这里...](.\u002Fdoc\u002Fcn\u002Fuse.md)\r\n\r\n> [如何获取并设置markdown-it对象...](.\u002Fdoc\u002Fcn\u002Fmarkdown.md)\r\n\r\n## API 文档\r\n\r\n### props\r\n\r\n| name 名称      | type 类型 | default 默认值 | describe 描述                          |\r\n| ------------ | :-----: | :---------: | ---------------------------------------- |\r\n| value        | String  |             | 初始值                                     |\r\n| language     | String  |     zh-CN      | 语言选择，暂支持 zh-CN: 简体中文, zh-TW: 正体中文 ， en: 英文 ， fr: 法语， pt-BR: 葡萄牙语， ru: 俄语， de: 德语， ja: 日语 |\r\n| fontSize     | String  |     14px      | 编辑区域文字大小 |\r\n| scrollStyle  | Boolean |    true     | 开启滚动条样式(暂时仅支持chrome)              |\r\n| boxShadow     | Boolean  |     true     | 开启边框阴影                |\r\n| boxShadowStyle | String | 0 2px 12px 0 rgba(0, 0, 0, 0.1) | 边框阴影样式 |\r\n| transition | Boolean | true | 是否开启过渡动画 |\r\n| toolbarsBackground | String | #ffffff | 工具栏背景颜色 |\r\n| previewBackground | String | #fbfbfb | 预览框背景颜色 |\r\n| subfield     | Boolean |    true     | true： 双栏(编辑预览同屏)， false： 单栏(编辑预览分屏)    |\r\n| defaultOpen | String |         |在单栏（`subfield=false`）时默认展示区域.\u003Cbr\u002F> edit： 默认展示编辑区域，\u003Cbr\u002F> preview： 默认展示预览区域 \u003Cbr\u002F> 其他 = edit |\r\n| placeholder | String |    开始编辑...     |  输入框为空时默认提示文本  |\r\n| editable     | Boolean |    true     | 是否允许编辑     |\r\n| codeStyle | String |    code-github     | markdown样式： 默认github, [可选配色方案](.\u002Fsrc\u002Flib\u002Fcore\u002Fhljs\u002Flang.hljs.css.js)   |\r\n| toolbarsFlag | Boolean |    true     | 工具栏是否显示                |\r\n| navigation | Boolean |    false    |  默认展示目录  |\r\n| shortCut | Boolean |    true    |  是否启用快捷键  |\r\n| autofocus | Boolean |    true    |  自动聚焦到文本框  |\r\n| ishljs       | Boolean |     true     |  代码高亮 |\r\n| imageFilter | function |     null     |  图片过滤函数，参数为一个`File Object`，要求返回一个`Boolean`, `true`表示文件合法，`false`表示文件不合法 |\r\n| imageClick | function |     null     |  图片点击事件，默认为预览，可覆盖 |\r\n| tabSize     | Number  |     \\t     | tab转化为几个空格，默认为\\t                      |\r\n| html     | Boolean  |     true     | 启用HTML标签，因为历史原因这个标记一直默认为true，但建议不使用HTML标签就关闭它，它能彻底杜绝安全问题。                      |\r\n| xssOptions     | Object  |     {}     | xss规则配置, 默认开启，设置false可以关闭，开启后会对HTML标签进行过滤，默认过滤所有HTML标签属性，建议按需配置白名单减少被攻击的可能。\u003Cbr\u002F>- 自定义规则参考: [https:\u002F\u002Fjsxss.com\u002Fzh\u002Foptions.html](https:\u002F\u002Fjsxss.com\u002Fzh\u002Foptions.html)\u003Cbr\u002F>- 参考DEMO: [dev-demo](.\u002Fsrc\u002Fdev\u002Feditor.vue)                  |\r\n| toolbars     | Object  |     如下例     | 工具栏                      |\r\n\r\n#### toolbars\r\n默认工具栏按钮全部开启, 传入自定义对象，可以选择启用部分按钮\r\n```javascript\r\n\u002F*\r\n  例如: {\r\n      bold: true, \u002F\u002F 粗体\r\n      italic: true,\u002F\u002F 斜体\r\n      header: true,\u002F\u002F 标题\r\n  }\r\n  此时, 仅仅显示此三个功能键\r\n*\u002F\r\ntoolbars: {\r\n    bold: true, \u002F\u002F 粗体\r\n    italic: true, \u002F\u002F 斜体\r\n    header: true, \u002F\u002F 标题\r\n    underline: true, \u002F\u002F 下划线\r\n    strikethrough: true, \u002F\u002F 中划线\r\n    mark: true, \u002F\u002F 标记\r\n    superscript: true, \u002F\u002F 上角标\r\n    subscript: true, \u002F\u002F 下角标\r\n    quote: true, \u002F\u002F 引用\r\n    ol: true, \u002F\u002F 有序列表\r\n    ul: true, \u002F\u002F 无序列表\r\n    link: true, \u002F\u002F 链接\r\n    imagelink: true, \u002F\u002F 图片链接\r\n    code: true, \u002F\u002F code\r\n    table: true, \u002F\u002F 表格\r\n    fullscreen: true, \u002F\u002F 全屏编辑\r\n    readmodel: true, \u002F\u002F 沉浸式阅读\r\n    htmlcode: true, \u002F\u002F 展示html源码\r\n    help: true, \u002F\u002F 帮助\r\n    \u002F* 1.3.5 *\u002F\r\n    undo: true, \u002F\u002F 上一步\r\n    redo: true, \u002F\u002F 下一步\r\n    trash: true, \u002F\u002F 清空\r\n    save: true, \u002F\u002F 保存（触发events中的save事件）\r\n    \u002F* 1.4.2 *\u002F\r\n    navigation: true, \u002F\u002F 导航目录\r\n    \u002F* 2.1.8 *\u002F\r\n    alignleft: true, \u002F\u002F 左对齐\r\n    aligncenter: true, \u002F\u002F 居中\r\n    alignright: true, \u002F\u002F 右对齐\r\n    \u002F* 2.2.1 *\u002F\r\n    subfield: true, \u002F\u002F 单双栏模式\r\n    preview: true, \u002F\u002F 预览\r\n}\r\n```\r\n如果需要自定义添加工具栏按钮，可以通过以下方式\r\n```js\r\n\u003Cmavon-editor>\r\n  \u003C!-- 左工具栏前加入自定义按钮 -->\r\n  \u003Ctemplate slot=\"left-toolbar-before\">\r\n    \u003Cbutton\r\n      type=\"button\"\r\n      @click=\"$click('test')\"\r\n      class=\"op-icon fa fa-mavon-align-left\"\r\n      aria-hidden=\"true\"\r\n      title=\"自定义\"\r\n    >\u003C\u002Fbutton>\r\n  \u003C\u002Ftemplate>\r\n  \u003C!-- 左工具栏后加入自定义按钮  -->\r\n  \u003Ctemplate slot=\"left-toolbar-after\">\r\n    \u003Cbutton\r\n      type=\"button\"\r\n      @click=\"$click('test')\"\r\n      class=\"op-icon fa fa-mavon-align-left\"\r\n      aria-hidden=\"true\"\r\n      title=\"自定义\"\r\n    >\u003C\u002Fbutton>\r\n  \u003C\u002Ftemplate>\r\n  \u003C!-- 右工具栏前加入自定义按钮  -->\r\n  \u003Ctemplate slot=\"right-toolbar-before\">\r\n    \u003Cbutton\r\n      type=\"button\"\r\n      @click=\"$click('test')\"\r\n      class=\"op-icon fa fa-mavon-align-left\"\r\n      aria-hidden=\"true\"\r\n      title=\"自定义\"\r\n    >\u003C\u002Fbutton>\r\n  \u003C\u002Ftemplate>\r\n  \u003C!-- 右工具栏后加入自定义按钮  -->\r\n  \u003Ctemplate slot=\"right-toolbar-after\">\r\n    \u003Cbutton\r\n      type=\"button\"\r\n      @click=\"$click('test')\"\r\n      class=\"op-icon fa fa-mavon-align-left\"\r\n      aria-hidden=\"true\"\r\n      title=\"自定义\"\r\n    >\u003C\u002Fbutton>\r\n  \u003C\u002Ftemplate>\r\n\u003C\u002Fmavon-editor>\r\n```\r\n\r\n### events 事件绑定\r\n\r\n| name 方法名         |            params 参数            | describe 描述                              |\r\n| ---------------- | :-----------------------------: | ---------------------------------------- |\r\n| change           |  String: value , String: render  | 编辑区发生变化的回调事件(render: value 经过markdown解析后的结果) |\r\n| save             |  String: value , String: render  | ctrl + s 的回调事件(保存按键,同样触发该回调)             |\r\n| fullScreen       | Boolean: status , String: value | 切换全屏编辑的回调事件(boolean: 全屏开启状态)             |\r\n| readModel        | Boolean: status , String: value | 切换沉浸式阅读的回调事件(boolean: 阅读开启状态)            |\r\n| htmlCode         | Boolean: status , String: value | 查看html源码的回调事件(boolean: 源码开启状态)           |\r\n| subfieldToggle   | Boolean: status , String: value | 切换单双栏编辑的回调事件(boolean: 双栏开启状态)            |\r\n| previewToggle   | Boolean: status , String: value | 切换预览编辑的回调事件(boolean: 预览开启状态)            |\r\n| helpToggle       | Boolean: status , String: value | 查看帮助的回调事件(boolean: 帮助开启状态)               |\r\n| navigationToggle | Boolean: status , String: value | 切换导航目录的回调事件(boolean: 导航开启状态)             |\r\n| imgAdd           | Number: pos, [File](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FFile): imgfile | 图片文件添加回调事件(pos: 图片在列表中的位置, File: File Object) |\r\n| imgDel           | Array(2):[Number: pos,[File](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FFile):imgfile ] | 图片文件删除回调事件(Array(2): 两个元素的数组，第一位是图片在列表中的位置，第二位是File对象)          |\r\n\r\n### 代码高亮\r\n\r\n> 如不需要hightlight代码高亮显示，你应该设置ishljs为false\r\n\r\n开启代码高亮props\r\n```vue\r\n\u003C!-- ishljs默认为true -->\r\n\u003Cmavon-editor :ishljs=\"true\">\u003C\u002Fmavon-editor>\r\n```\r\n\r\n为优化插件体积，从**v2.4.2**起以下文件将默认使用`cdnjs`外链:\r\n + `highlight.js`\r\n + `github-markdown-css`\r\n + `katex`(**v2.4.7**)\r\n\r\n代码高亮`highlight.js`中的语言解析文件和代码高亮样式将在使用时按需加载.\r\n`github-markdown-css`和`katex`仅会在`mounted`时加载\r\n\r\n**Notice**:\r\n[可选配色方案](.\u002Fsrc\u002Flib\u002Fcore\u002Fhljs\u002Flang.hljs.css.js) 和 [支持的语言](.\u002Fsrc\u002Flib\u002Fcore\u002Fhljs\u002Flang.hljs.js) 是从 [highlight.js\u002F9.12.0](https:\u002F\u002Fgithub.com\u002Fisagalaev\u002Fhighlight.js\u002Ftree\u002Fmaster\u002Fsrc) 导出的\r\n\r\n> [不使用cdn，本地按需加载点击这里...](.\u002Fdoc\u002Fcn\u002Fno-cnd.md)\r\n\r\n### 图片上传\r\n\r\n```vue\r\n\u003Ctemplate>\r\n    \u003Cmavon-editor ref=md @imgAdd=\"$imgAdd\" @imgDel=\"$imgDel\">\u003C\u002Fmavon-editor>\r\n\u003C\u002Ftemplate>\r\n\u003Cscript>\r\nexport default {\r\n    methods: {\r\n        \u002F\u002F 绑定@imgAdd event\r\n        $imgAdd(pos, $file){\r\n            \u002F\u002F 第一步.将图片上传到服务器.\r\n           var formdata = new FormData();\r\n           formdata.append('image', $file);\r\n           axios({\r\n               url: 'server url',\r\n               method: 'post',\r\n               data: formdata,\r\n               headers: { 'Content-Type': 'multipart\u002Fform-data' },\r\n           }).then((url) => {\r\n               \u002F\u002F 第二步.将返回的url替换到文本原位置![...](0) -> ![...](url)\r\n               \u002F**\r\n               * $vm 指为mavonEditor实例，可以通过如下两种方式获取\r\n               * 1. 通过引入对象获取: `import {mavonEditor} from ...` 等方式引入后，`$vm`为`mavonEditor`\r\n               * 2. 通过$refs获取: html声明ref : `\u003Cmavon-editor ref=md >\u003C\u002Fmavon-editor>，`$vm`为 `this.$refs.md`\r\n               *\u002F\r\n               $vm.$img2Url(pos, url);\r\n           })\r\n        }\r\n    }\r\n}\r\n\u003C\u002Fscript>\r\n```\r\n> [图片上传详情点击这里...](.\u002Fdoc\u002Fcn\u002Fupload-images.md)\r\n\r\n### 注\r\n\r\n- **默认大小样式为 min-height: 300px , min-width: 300px 可自行覆盖**\r\n- **基础z-index: 1500**\r\n- **仅用作展示可以设置props: toolbarsFlag: false , subfield: false, defaultOpen: \"preview\"**\r\n\r\n\r\n### 快捷键\r\n\r\n| key       | keycode  |            功能            |\r\n| ---------------- | :----------------: | :-----------------------------: |\r\n| F8           | 119 |  开启\u002F关闭导航  |\r\n| F9           | 120   |  预览\u002F编辑切换  |\r\n| F10     | 121   | 开启\u002F关闭全屏 |\r\n| F11      | 122   | 开启\u002F关闭阅读模式 |\r\n| F12       | 123   | 单栏\u002F双栏切换 |\r\n| TAB  | 9  | 缩进 |\r\n| CTRL + S    | 17 + 83 | 触发保存 |\r\n| CTRL + D    | 17 + 68 | 删除选中行 |\r\n| CTRL + Z    | 17 + 90 | 上一步 |\r\n| CTRL + Y    | 17 + 89 | 下一步 |\r\n| CTRL + BreakSpace    | 17 + 8 | 清空编辑 |\r\n| CTRL + B       | 17 + 66 | \\*\\*加粗\\*\\* |\r\n| CTRL + I | 17 + 73 | \\*斜体\\* |\r\n| CTRL + H       | 17 + 72 | # 标题 |\r\n| CTRL + 1       | 17 + 97 or 49 | # 标题 |\r\n| CTRL + 2       | 17 + 98 or 50 | ## 标题 |\r\n| CTRL + 3       | 17 + 99 or 51 | ### 标题 |\r\n| CTRL + 4       | 17 + 100 or 52 | #### 标题 |\r\n| CTRL + 5       | 17 + 101 or 53 | ##### 标题 |\r\n| CTRL + 6       | 17 + 102 or 54 | ###### 标题 |\r\n| CTRL + U    | 17 + 85 | ++下划线++ |\r\n| CTRL + M    | 17 + 77 | ==标记== |\r\n| CTRL + Q    | 17 + 81 | > 引用 |\r\n| CTRL + O    | 17 + 79 | 1. 有序列表 |\r\n| CTRL + L    | 17 + 76 | \\[链接标题\\](链接地址) |\r\n| CTRL + ALT + S    | 17 + 18 + 83 | ^上角标^ |\r\n| CTRL + ALT + U    | 17 + 18 + 85 | - 无序列表 |\r\n| CTRL + ALT + C    | 17 + 18 + 67 | \\`\\`\\` 代码块 |\r\n| CTRL + ALT + L    | 17 + 18 + 76 | \\!\\[图片标题\\](图片链接) |\r\n| CTRL + ALT + T    | 17 + 18 + 84 | 表格 |\r\n| CTRL + SHIFT + S    | 17 + 16 + 83 | ~下角标~ |\r\n| CTRL + SHIFT + D    | 17 + 16 + 68 | \\~\\~中划线\\~\\~ |\r\n| CTRL + SHIFT + C    | 17 + 16 + 67 | 居中 |\r\n| CTRL + SHIFT + L    | 17 + 16 + 76 | 居左 |\r\n| CTRL + SHIFT + R    | 17 + 16 + 82 | 居右 |\r\n| SHIFT + TAB    | 16 + 9 | 取消缩进 |\r\n\r\n\r\n## Dependencies (依赖)\r\n\r\n- [markdown-it](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it)\r\n\r\n- [auto-textarea](https:\u002F\u002Fgithub.com\u002Fhinesboy\u002Fauto-textarea)\r\n\r\n\r\n## Markdown 语法拓展\r\n\r\n- [emoji](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-emoji)\r\n- [subscript](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-sub)\r\n- [superscript](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-sup)\r\n- [container](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-container)\r\n- [definition list](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-deflist)\r\n- [abbreviation](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-abbr)\r\n- [footnote](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-footnote)\r\n- [insert](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-ins)\r\n- [mark](https:\u002F\u002Fgithub.com\u002Fmarkdown-it\u002Fmarkdown-it-mark)\r\n- [todo list](https:\u002F\u002Fgithub.com\u002Frevin\u002Fmarkdown-it-task-lists)\r\n- [highlight](https:\u002F\u002Fgithub.com\u002Fisagalaev\u002Fhighlight.js)\r\n- [katex](https:\u002F\u002Fgithub.com\u002FKhan\u002FKaTeX)\r\n- [images preview](https:\u002F\u002Fgithub.com\u002FCHENXCHEN\u002Fmarkdown-it-images-preview)\r\n- [toc](https:\u002F\u002Fgithub.com\u002Ftylerlong\u002Fmarkdown-it-toc)\r\n> 可通过[获取markdown-it对象](.\u002Fdoc\u002Fcn\u002Fmarkdown.md)引入[其他语法插件](https:\u002F\u002Fwww.npmjs.com\u002Fsearch?q=keywords:markdown-it-plugin)\r\n可通过[获取markdown-it对象](.\u002Fdoc\u002Fcn\u002Fmarkdown.md)引入[其他语法插件](https:\u002F\u002Fwww.npmjs.com\u002Fsearch?q=keywords:markdown-it-plugin)\r\n\r\n## update(更新内容)\r\n\r\n- [更新日志](.\u002FLOG.md)\r\n\r\n## Collaborators(合作者)\r\n\r\n- [CHENXCHEN](https:\u002F\u002Fgithub.com\u002FCHENXCHEN)\r\n- [ygj6](https:\u002F\u002Fgithub.com\u002Fygj6)\r\n- [yukaige](https:\u002F\u002Fgithub.com\u002Fyukaige)\r\n\r\n\r\n## License (证书)\r\n\r\nmavonEditor is open source and released under the MIT License.\r\n\r\nCopyright (c) 2017 hinesboy\r\n","mavonEditor 是一个基于 Vue 的 Markdown 编辑器，支持多种个性化功能。其核心功能包括丰富的工具栏选项、实时预览以及对多种语言的支持（如简体中文、英文等），并且提供了灵活的配置项来定制编辑器样式和行为，例如字体大小、边框阴影效果等。该编辑器适用于需要集成Markdown编辑能力的各种Web应用场合，特别是在使用Vue框架开发的项目中可以轻松引入并快速部署。此外，mavonEditor还特别优化了在Nuxt.js环境下的使用体验，使得它成为构建文档编辑平台或博客系统时的理想选择。",2,"2026-06-11 03:19:04","top_language"]