Vue使用Tinymce富文本

注：此方法仅仅作为记录，实际中不一定能使用

最近使用vue-element-admin开发一个后台管理项目中需要使用富文本，在vue-element-admin官网中推荐使用Tinymce。
在网上查阅Tinymce的安装感觉比较麻烦，而查阅官网示例中则是采用CDN方法。想了一下我是否也可以直接在vue-element-admin示例源码中将有关Tinymce的部分源码复制到本项目中的components文件夹中。

Tinymce

既然想好了，那就开始动手，复制过来之后在需要使用的页面导入进来

<!--  使用Tinymce组件 -->
<tinymce
    v-model="form.contain"
    ref="tinymce"
 />
<script>
    import Tinymce from '@/components/Tinymce'  //  导入组件
    export default {
      components: { Tinymce } 
    }
</script>

导入后赶紧运行起来看看效果，发现跑起来没问题

运行效果

这次使用小聪明导入成功，但还是要去研究其他方式

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容