首先引入组件Tinymce
其次在build/webpack.dev.config.js中加入如下
templateParameters: {
BASE_URL: config.dev.assetsPublicPath + config.dev.assetsSubDirectory
}
vue页面代码
<template>
<div>
<!-- 课程简介 TODO -->
<!-- 课程简介-->
<el-form-item label="课程简介">
<tinymce :height="300" v-model="courseInfo.description"/>
</el-form-item>
</div>
</template>
<script>
import Tinymce from '@/components/Tinymce' //引入组件
export default {
/ /声明组件
components: { Tinymce },
data(){
return{
}
},
created(){
},
methods:{
}
}
</script>
<style scoped>
.tinymce-container {
line-height: 29px;
}
</style>
效果展示：
