{"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"]}]}
|
