refactor:change MdEditor to MarkdownEditor

This commit is contained in:
Pan 2017-10-26 14:06:32 +08:00
parent 2c82d0a28e
commit 5b3b8b87d1
1 changed files with 14 additions and 3 deletions

View File

@ -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 => {