简书缘

Vue使用Tinymce富文本

2019-12-28  本文已影响0人  小明同学喜欢熊

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

最近使用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>

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

运行效果

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

上一篇 下一篇

猜你喜欢

热点阅读