{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/components-demo/markdown.vue?vue&type=style&index=0&id=52cced3e&scoped=true&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/components-demo/markdown.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/css-loader/dist/cjs.js","mtime":1754408228038},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754408228340},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/postcss-loader/src/index.js","mtime":1754408228130},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"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[this.$store.getters.language]\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"]}]}