美文网首页简书缘
Vue使用Tinymce富文本

Vue使用Tinymce富文本

作者: 小明同学喜欢熊 | 来源:发表于2019-12-28 18:06 被阅读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>

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

运行效果

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

相关文章

网友评论

    本文标题:Vue使用Tinymce富文本

    本文链接:https://www.haomeiwen.com/subject/vsvsoctx.html