VUE配置uEditor注意事项(主要是ZeroClipboardnotdefined)

具体怎么初步引用请移步官方文档

http://fex.baidu.com/ueditor/

OR npm上的vue-ueditor文档

https://www.npmjs.com/package...

这里只说明引用注意事项和本人引入时踩到的一些坑

本人的项目目录结构如下&＃xff1a;
components下是本人习惯性封装的组件&＃xff0c;也是按需引入的地方&＃xff0c;不推荐在main.js中引入所有依赖&＃xff0c;前端盆友一定要养成按需引入和懒加载的好习惯&＃xff08;当然也不是万能的&＃xff0c;视实际情况&＃xff09;
uEditor的包文件一般放在static目录下
需要在ueditor.config.js配置文件中加上这句话&＃xff0c;官方注释也写的很清楚了
特别注意路径最后的/
接下来不需要使用上传图片功能的同学需要把这里注释掉
当然&＃xff0c;按需重定义配置的时候也不要有server这项

接下来如果你报错

请检查你是否引入了/lang/zh-cn/zh-cn语言文件以及引入顺序是否是config.js-->all.js-->zh-cn-->parse
如果下一步你报错
并且尝试过将ZeroClipboard.js源码
&＃xff08;意思就是说检测当前环境&＃xff0c;如果是AMD环境&＃xff0c;则以AMD规则暴露模块&＃xff0c;如果是CommonJS环境&＃xff0c;则以CommonJS规则暴露模块&＃xff0c;本人使用的是node环境&＃xff0c;即CommonJS&＃xff09;
强行全局暴露ZeroClipboard改成如下
无果&＃xff01;
实例化uEditor之前强行require&＃xff08;ZeroClipboard&＃xff09;仍然无果&＃xff01;
修改ueditor.all.js源码调用ZeroClipboard之前强行require还是无果&＃xff01;

那么你应该看看这里

uEditor的引入很简单&＃xff0c;只需要加载几个js文件&＃xff0c;改一下配置文件的路径配置&＃xff0c;就可以实例使用了&＃xff0c;但是换句话说就是路径配置对uEditor无比重要&＃xff0c;这也是为什么上面强调不要忘了路径配置最后的/&＃xff0c;最后不带/的绝对路径跟耍流氓有什么区别。
话说回来&＃xff0c;影响项目路径配置的因素有很多&＃xff0c;本人是基于webpack打包&＃xff0c;webpack配置中一定不要忽略如下配置
&＃96;

// 拷贝static目录&＃xff0c;static目录我们作为存放第三方资源的目录&＃xff0c;无需再次编译&＃xff0c;直接拷贝到构建目录中

new CopyWebpackPlugin([{from: path.resolve(__dirname, &＃39;../static&＃39;),to: process.env.NODE_ENV &＃61;&＃61;&＃61; &＃39;production&＃39; ? config.build.assetsSubDirectory : config.dev.assetsSubDirectory,ignore: [&＃39;.*&＃39;]}])

意思就是不要把static目录下东西给我打包成hash值js结果中&＃xff0c;这样自然在‘/static/ueditor/’里面找不到依赖了&＃xff0c;他们由我直接管理&＃xff0c;webpack不要多管闲事
webpack此刻心情
还有assetsPublicPath一定要是/&＃xff0c;

这里你自己意淫加了什么‘&＃64;/static/ueditor/’前面&＃64;同理还得加什么&＃xff0c;因为你的项目经过webpack打包时引用根路径就会统一加上&＃64;/&＃xff0c;浏览器解析到source里的路径就变成了‘&＃64;/static/ueditor/’&＃xff0c;同样build配置项也要保持一致。