{"remainingRequest":"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=style&index=0&id=52cced3e&scoped=true&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\markdown.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5lZGl0b3ItY29udGFpbmVyewogIG1hcmdpbi1ib3R0b206IDMwcHg7Cn0KLnRhZy10aXRsZXsKICBtYXJnaW4tYm90dG9tOiA1cHg7Cn0K"},{"version":3,"sources":["markdown.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA;AACA;AACA;AACA;AACA;AACA","file":"markdown.vue","sourceRoot":"src/views/components-demo","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"]}]}
|
