注:此方法仅仅作为记录,实际中不一定能使用
最近使用vue-element-admin开发一个后台管理项目中需要使用富文本,在vue-element-admin官网中推荐使用Tinymce。
在网上查阅Tinymce的安装感觉比较麻烦,而查阅官网示例中则是采用CDN
方法。想了一下我是否也可以直接在vue-element-admin示例源码中将有关Tinymce的部分源码复制到本项目中的components
文件夹中。
既然想好了,那就开始动手,复制过来之后在需要使用的页面导入进来
<!-- 使用Tinymce组件 -->
<tinymce
v-model="form.contain"
ref="tinymce"
/>
<script>
import Tinymce from '@/components/Tinymce' // 导入组件
export default {
components: { Tinymce }
}
</script>
导入后赶紧运行起来看看效果,发现跑起来没问题
这次使用小聪明导入成功,但还是要去研究其他方式