34 lines
875 B
Vue
34 lines
875 B
Vue
<template>
|
||
<div class="components-container">
|
||
<code>公司做的后台主要是一个cms系统，公司也是以自媒体为核心的，所以富文本是后台很核心的功能。在选择富文本的过程中也走了不少的弯路，市面上常见的富文本都基本用过了，最终选择了Tinymce
|
||
<a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/#/rich-editor">文档介绍</a>
|
||
</code>
|
||
<div>
|
||
<tinymce :height="200" v-model="content"></tinymce>
|
||
</div>
|
||
<div class="editor-content" v-html="content"></div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Tinymce from '@/components/Tinymce'
|
||
|
||
export default {
|
||
name: 'tinymce-demo',
|
||
components: { Tinymce },
|
||
data() {
|
||
return {
|
||
content: 'Tinymce'
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.editor-content{
|
||
margin-top: 20px;
|
||
}
|
||
</style>
|
||
|
||
|