具體怎麼初步引用請移步官方文檔
OR npm上的vue-ueditor文檔
這裏只說明引用注意事項和本人引入時踩到的一些坑
- 本人的項目目錄結構如下：
- 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目錄下東西給我打包成hash值js結果中，這樣自然在‘/static/ueditor/’裏面找不到依賴了，他們由我直接管理，webpack不要多管閒事
- webpack此刻心情
- 還有assetsPublicPath一定要是/，這裏你自己意淫加了什麼‘@/static/ueditor/’前面@同理還得加什麼，因爲你的項目經過瀏覽器解析到source裏的路徑就變成了‘@/static/ueditor/’
好了，廢話就說到這裏，該翹班了。
爲了引入這個uEditor的bug曾經調試了一天，害的一週每天都要多加班2h，後面就不多解釋了。
哦，不，多加一句：女裝大佬們輕噴。
