Skip to content
Snippets Groups Projects
Commit 5b3b8b87 authored by Pan's avatar Pan
Browse files

refactor:change MdEditor to MarkdownEditor

parent 2c82d0a2
No related branches found
No related tags found
No related merge requests found
......@@ -2,7 +2,7 @@
<div class="components-container">
<code>Markdown 我们这里选用了 <a href="https://github.com/sparksuite/simplemde-markdown-editor" target="_blank">simplemde-markdown-editor</a> ,简单的用vue封装了一下<a target='_blank' href='https://segmentfault.com/a/1190000009762198#articleHeader14'> 相关文章 </a></code>
<div class="editor-container">
<md-editor id='contentEditor' ref="contentEditor" v-model='content' :height="300" :zIndex='20'></md-editor>
<markdown-editor id='contentEditor' ref="contentEditor" v-model='content' :height="300" :zIndex='20'></markdown-editor>
</div>
<el-button @click='markdown2Html' style="margin-top:80px;" type="primary">转为HTML<i class="el-icon-document el-icon--right"></i></el-button>
<div v-html="html"></div>
......@@ -10,16 +10,27 @@
</template>
<script>
import MdEditor from '@/components/MarkdownEditor'
import MarkdownEditor from '@/components/MarkdownEditor'
export default {
components: { MdEditor },
components: { MarkdownEditor },
data() {
return {
content: '## Simplemde',
html: ''
}
},
computed: {
cachedViews() {
return this.$store.state.app.cachedViews
}
},
// deactivated() {
// console.log(this.cachedViews.indexOf(this.$route.name))
// if (this.cachedViews.indexOf(this.$route.name) < 0) {
// this.$destroy()
// }
// },
methods: {
markdown2Html() {
import('showdown').then(showdown => {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment