[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"app-docs-nav-markdown":3,"app-docs-markdown@3":20,"mdc-pvv0zk-key":24},{"code":4,"message":5,"data":6},200,"success",{"appname":7,"title":8,"navigation":9},"markdown","markdown编辑器",[10],{"title":11,"icon":12,"children":13},"使用文档","i-lucide-rocket",[14,17],{"title":15,"path":16},"安装","/docs/markdown@3",{"title":18,"path":19},"功能模块","/docs/markdown@4",{"code":4,"message":5,"data":21},{"title":15,"description":22,"body":23},null,"# 安装\n将\u003Ccode>sa-md-editor\u003C/code>和\u003Ccode>sa-md-preview\u003C/code>直接拷贝到**saiadmin-vue**的**src/components**目录中\n如果需要全局使用，则在**src/components/index.js**文件中进行全局注册\n\n## 如何使用\n编辑组件\u003Ccode>sa-md-editor\u003C/code>\n```vue\n\u003Ctemplate>\n  \u003Ca-form ref=\"formRef\" :model=\"formData\" :rules=\"rules\" :auto-label-width=\"true\">\n    \u003Ca-form-item label=\"公告内容\" field=\"content\">\n      \u003Csa-md-editor v-model=\"formData.content\" />     \n    \u003C/a-form-item> \n  \u003C/a-form>\n\u003C/template>\n```\n    \n预览组件\u003Ccode>sa-md-preiview\u003C/code>\n由于`md-editor-3`组件的链接不是通过新窗口打开，需要安装一个包实现新窗口打开链接，执行命令如下\n```bash\nyarn add markdown-it-link-attributes\n```\n使用方式如下\n```vue\n\u003Ctemplate>\n  \u003Ca-drawer v-model:visible=\"visible\" :title=\"title\" :footer=\"false\" width=\"80%\">\n    \u003Csa-md-preview :text=\"text\" />\n  \u003C/a-drawer>\n\u003C/template>\n  ```\n# 版本支持\n\n**兼容 saiadmin3.x**\n\n**兼容 saiadmin5.x**",{"data":25,"body":26},{},{"type":27,"children":28},"root",[29,36,79,85,94,107,127,137,142,150,155,163,171],{"type":30,"tag":31,"props":32,"children":33},"element","h1",{"id":15},[34],{"type":35,"value":15},"text",{"type":30,"tag":37,"props":38,"children":39},"p",{},[40,42,48,50,55,57,63,65,70,72,77],{"type":35,"value":41},"将",{"type":30,"tag":43,"props":44,"children":45},"code",{},[46],{"type":35,"value":47},"sa-md-editor",{"type":35,"value":49},"和",{"type":30,"tag":43,"props":51,"children":52},{},[53],{"type":35,"value":54},"sa-md-preview",{"type":35,"value":56},"直接拷贝到",{"type":30,"tag":58,"props":59,"children":60},"strong",{},[61],{"type":35,"value":62},"saiadmin-vue",{"type":35,"value":64},"的",{"type":30,"tag":58,"props":66,"children":67},{},[68],{"type":35,"value":69},"src/components",{"type":35,"value":71},"目录中\n如果需要全局使用，则在",{"type":30,"tag":58,"props":73,"children":74},{},[75],{"type":35,"value":76},"src/components/index.js",{"type":35,"value":78},"文件中进行全局注册",{"type":30,"tag":80,"props":81,"children":83},"h2",{"id":82},"如何使用",[84],{"type":35,"value":82},{"type":30,"tag":37,"props":86,"children":87},{},[88,90],{"type":35,"value":89},"编辑组件",{"type":30,"tag":43,"props":91,"children":92},{},[93],{"type":35,"value":47},{"type":30,"tag":95,"props":96,"children":102},"pre",{"className":97,"code":98,"language":99,"meta":100,"style":101},"language-vue","\u003Ctemplate>\n  \u003Ca-form ref=\"formRef\" :model=\"formData\" :rules=\"rules\" :auto-label-width=\"true\">\n    \u003Ca-form-item label=\"公告内容\" field=\"content\">\n      \u003Csa-md-editor v-model=\"formData.content\" />     \n    \u003C/a-form-item> \n  \u003C/a-form>\n\u003C/template>\n","vue","","undefined",[103],{"type":30,"tag":43,"props":104,"children":105},{"__ignoreMap":100},[106],{"type":35,"value":98},{"type":30,"tag":37,"props":108,"children":109},{},[110,112,117,119,125],{"type":35,"value":111},"预览组件",{"type":30,"tag":43,"props":113,"children":114},{},[115],{"type":35,"value":116},"sa-md-preiview",{"type":35,"value":118},"\n由于",{"type":30,"tag":43,"props":120,"children":122},{"className":121},[],[123],{"type":35,"value":124},"md-editor-3",{"type":35,"value":126},"组件的链接不是通过新窗口打开，需要安装一个包实现新窗口打开链接，执行命令如下",{"type":30,"tag":95,"props":128,"children":132},{"className":129,"code":130,"language":131,"meta":100,"style":101},"language-bash","yarn add markdown-it-link-attributes\n","bash",[133],{"type":30,"tag":43,"props":134,"children":135},{"__ignoreMap":100},[136],{"type":35,"value":130},{"type":30,"tag":37,"props":138,"children":139},{},[140],{"type":35,"value":141},"使用方式如下",{"type":30,"tag":95,"props":143,"children":145},{"className":97,"code":144,"language":99,"meta":100,"style":101},"\u003Ctemplate>\n  \u003Ca-drawer v-model:visible=\"visible\" :title=\"title\" :footer=\"false\" width=\"80%\">\n    \u003Csa-md-preview :text=\"text\" />\n  \u003C/a-drawer>\n\u003C/template>\n",[146],{"type":30,"tag":43,"props":147,"children":148},{"__ignoreMap":100},[149],{"type":35,"value":144},{"type":30,"tag":31,"props":151,"children":153},{"id":152},"版本支持",[154],{"type":35,"value":152},{"type":30,"tag":37,"props":156,"children":157},{},[158],{"type":30,"tag":58,"props":159,"children":160},{},[161],{"type":35,"value":162},"兼容 saiadmin3.x",{"type":30,"tag":37,"props":164,"children":165},{},[166],{"type":30,"tag":58,"props":167,"children":168},{},[169],{"type":35,"value":170},"兼容 saiadmin5.x",{"type":30,"tag":172,"props":173,"children":174},"style",{},[175],{"type":35,"value":100}]