VUE配置uEditor注意事项(主要是ZeroClipboard not defined)

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

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

OR npm上的vue-ueditor文档

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

---

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

• 本人的项目目录结构以下：
• 
• components下是本人习惯性封装的组件，也是按需引入的地方，不推荐在main.js中引入全部依赖，前端盆友必定要养成按需引入和懒加载的好习惯（固然也不是万能的，视实际状况）
• uEditor的包文件通常放在static目录下
• 须要在ueditor.config.js配置文件中加上这句话，官方注释也写的很清楚了
• 
• 特别注意路径最后的/
• 接下来不须要使用上传图片功能的同窗须要把这里注释掉
• 
• 固然，按需重定义配置的时候也不要有server这项
• 

---

接下来若是你报错

• 
• 请检查你是否引入了/lang/zh-cn/zh-cn语言文件以及引入顺序是不是config.js-->all.js-->zh-cn-->parse
• 若是下一步你报错
• 
• 而且尝试过将ZeroClipboard.js源码
• 
• （意思就是说检测当前环境，若是是AMD环境，则以AMD规则暴露模块，若是是CommonJS环境，则以CommonJS规则暴露模块，本人使用的是node环境，即CommonJS）
• 强行全局暴露ZeroClipboard改为以下
• 
• 无果！
• 实例化uEditor以前强行require（ZeroClipboard）仍然无果！
• 修改ueditor.all.js源码调用ZeroClipboard以前强行require仍是无果！

---

那么你应该看看这里

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

// 拷贝static目录，static目录咱们做为存放第三方资源的目录，无需再次编译，直接拷贝到构建目录中

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

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

这里你本身意淫加了什么‘@/static/ueditor/’前面@同理还得加什么，由于你的项目通过webpack打包时引用根路径就会统一加上@/，浏览器解析到source里的路径就变成了‘@/static/ueditor/’，一样build配置项也要保持一致。

• 

---

好了，废话就说到这里，该翘班了。
为了引入这个uEditor的bug曾经调试了一天，害的一周天天都要多加班2h，后面就很少解释了。
哦，不，多加一句：女装大佬们轻喷。