时间: 2020-09-1|tag:47次围观|0 条评论

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

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

Vue使用Tinymce富文本插图
Tinymce

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

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

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

Vue使用Tinymce富文本插图1
运行效果

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

文章转载于:https://www.jianshu.com/p/31b020348e12

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《Vue使用Tinymce富文本
   

还没有人抢沙发呢~