refactor:change MdEditor to MarkdownEditor
This commit is contained in:
parent
2c82d0a28e
commit
5b3b8b87d1
1 changed files with 14 additions and 3 deletions
|
@ -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 => {
|
||||
|
|
Loading…
Reference in a new issue