{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\markdown.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\markdown.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IE1hcmtkb3duRWRpdG9yIGZyb20gJ0AvY29tcG9uZW50cy9NYXJrZG93bkVkaXRvcic7CnZhciBjb250ZW50ID0gIlxuKipUaGlzIGlzIHRlc3QqKlxuXG4qIHZ1ZVxuKiBlbGVtZW50XG4qIHdlYnBhY2tcblxuIjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdNYXJrZG93bkRlbW8nLAogIGNvbXBvbmVudHM6IHsKICAgIE1hcmtkb3duRWRpdG9yOiBNYXJrZG93bkVkaXRvcgogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNvbnRlbnQxOiBjb250ZW50LAogICAgICBjb250ZW50MjogY29udGVudCwKICAgICAgY29udGVudDM6IGNvbnRlbnQsCiAgICAgIGNvbnRlbnQ0OiBjb250ZW50LAogICAgICBodG1sOiAnJywKICAgICAgbGFuZ3VhZ2VUeXBlTGlzdDogewogICAgICAgICdlbic6ICdlbl9VUycsCiAgICAgICAgJ3poJzogJ3poX0NOJywKICAgICAgICAnZXMnOiAnZXNfRVMnCiAgICAgIH0KICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgbGFuZ3VhZ2U6IGZ1bmN0aW9uIGxhbmd1YWdlKCkgewogICAgICByZXR1cm4gdGhpcy5sYW5ndWFnZVR5cGVMaXN0WydlbiddOwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgZ2V0SHRtbDogZnVuY3Rpb24gZ2V0SHRtbCgpIHsKICAgICAgdGhpcy5odG1sID0gdGhpcy4kcmVmcy5tYXJrZG93bkVkaXRvci5nZXRIdG1sKCk7CiAgICAgIGNvbnNvbGUubG9nKHRoaXMuaHRtbCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA;AAEA;AAQA;EACAA,oBADA;EAEAC;IAAAC;EAAA,CAFA;EAGAC,IAHA,kBAGA;IACA;MACAC,iBADA;MAEAC,iBAFA;MAGAC,iBAHA;MAIAC,iBAJA;MAKAC,QALA;MAMAC;QACA,aADA;QAEA,aAFA;QAGA;MAHA;IANA;EAYA,CAhBA;EAiBAC;IACAC,QADA,sBACA;MACA;IACA;EAHA,CAjBA;EAsBAC;IACAC,OADA,qBACA;MACA;MACAC;IACA;EAJA;AAtBA","names":["name","components","MarkdownEditor","data","content1","content2","content3","content4","html","languageTypeList","computed","language","methods","getHtml","console"],"sourceRoot":"src/views/components-demo","sources":["markdown.vue"],"sourcesContent":["<template>\n  <div class=\"components-container\">\n    <aside>Markdown is based on\n      <a href=\"https://github.com/nhnent/tui.editor\" target=\"_blank\">tui.editor</a> ，simply wrapped with Vue.\n      <a\n        target=\"_blank\"\n        href=\"https://panjiachen.github.io/vue-element-admin-site/feature/component/markdown-editor.html\"\n      >\n        Documentation </a>\n    </aside>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        Basic:\n      </el-tag>\n      <markdown-editor v-model=\"content1\" height=\"300px\" />\n    </div>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        Markdown Mode:\n      </el-tag>\n      <markdown-editor ref=\"markdownEditor\" v-model=\"content2\" :options=\"{hideModeSwitch:true,previewStyle:'tab'}\" height=\"200px\" />\n    </div>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        Customize Toolbar:\n      </el-tag>\n      <markdown-editor v-model=\"content3\" :options=\"{ toolbarItems: ['heading','bold','italic']}\" />\n    </div>\n\n    <div class=\"editor-container\">\n      <el-tag class=\"tag-title\">\n        I18n:\n      </el-tag>\n      <el-alert\n        :closable=\"false\"\n        title=\"You can change the language of the admin system to see the effect\"\n        type=\"success\"\n      />\n      <markdown-editor ref=\"markdownEditor\" v-model=\"content4\" :language=\"language\" height=\"300px\" />\n    </div>\n\n    <el-button style=\"margin-top:80px;\" type=\"primary\" icon=\"el-icon-document\" @click=\"getHtml\">\n      Get HTML\n    </el-button>\n    <div v-html=\"html\" />\n  </div>\n</template>\n\n<script>\nimport MarkdownEditor from '@/components/MarkdownEditor'\n\nconst content = `\n**This is test**\n\n* vue\n* element\n* webpack\n\n`\nexport default {\n  name: 'MarkdownDemo',\n  components: { MarkdownEditor },\n  data() {\n    return {\n      content1: content,\n      content2: content,\n      content3: content,\n      content4: content,\n      html: '',\n      languageTypeList: {\n        'en': 'en_US',\n        'zh': 'zh_CN',\n        'es': 'es_ES'\n      }\n    }\n  },\n  computed: {\n    language() {\n      return this.languageTypeList['en']\n    }\n  },\n  methods: {\n    getHtml() {\n      this.html = this.$refs.markdownEditor.getHtml()\n      console.log(this.html)\n    }\n  }\n}\n</script>\n\n<style scoped>\n.editor-container{\n  margin-bottom: 30px;\n}\n.tag-title{\n  margin-bottom: 5px;\n}\n</style>\n"]}]}