本篇博客主要介绍在vue2.0中通过静态文件引入的方式使用百度ueditor富文本编辑器
在vue中使用Ueditor有两种方法,一种是通过
npm install vue-ueditor
安装包的形式,另一种是在官网下载相关文件放在vue项目的静态资源(static)下。通过main引入使用。
我们直接进入正题,通过引入静态文件的方式使用ueditor,首先下载UEditor官网最新的jsp版本的包,下载地址 ueditor下载。
将下载后解压的文件改名为UE,并且移入自己项目中的static文件夹下。
然后修改ueditor.config.js文件中的内容,将根目录配置为资源所在目录,如果是本地则为/static/UE,如果上线的话需要加上域名。
在main中引入静态资源
import '../static/UE/ueditor.config.js'
import '../static/UE/ueditor.all.min.js'
import '../static/UE/lang/zh-cn/zh-cn.js'