一個百度富文字編輯器的坑
一個路徑配置問題一天沒有搞出來,找了一個經驗比較豐富的同事問了一下才發現問題所在。
UEditor下載安裝完後首先修改幾個路徑,一個是serverURL,另一個是上傳圖片(視訊或檔案)的上傳地址。
一般情況下serverURL的路徑都是直接指向config.json 但是由於在頁面在初始化富文字編輯器時,會傳給初始路徑一個引數action值為config,所以在介面路徑上又做了一步處理:
可是在上傳圖片的時候報錯了
後臺報錯為查不到對應的template:
然後去看請求的URL為
按道理來講在富文字編輯器初始化的時候就已經根據介面路徑查到config.json檔案,然後根據action去訪問相應的路徑才對,可是在上傳圖片的時候再一次請求了介面路徑,就有問題了。
請教了同事才知道少配置了東西:
<script type="text/javascript">
$(function() {
//配置富文字檔案上傳
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function (action) {
if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadvideo') {
return window.location.protocol + "//" + window.location.host + '/(你的上傳路徑)';
} else {
return this._bkGetActionUrl.call(this, action);
}
};
});
</script>
要在初始化的js裡配置路徑跳轉才可以。
接著又遇到一個問題,上傳成功了但是不回顯圖片:對於上傳路徑訪問的返回狀態碼已經是200,但是依然不回顯樣式,查了一下發現UEditor需要返回固定的引數他才能識別,於是在返回物件中加入:
result.put("state", "SUCCESS");
成功回顯啦!
相關文章
- [Djangorestframework]-富文字編輯器的使用DjangoRESTFramework
- ckeditor4.8 富文字編輯器的使用與填坑-PHPPHP
- SpringMVC整合富文字編輯器SpringMVC
- Tinymce - 宇宙第一富文字編輯器?[1]
- Tinymce - 宇宙第一富文字編輯器?[2]
- Tinymce - 宇宙第一富文字編輯器?[3]
- springboot+layui 整合百度富文字編輯器ueditor入門使用教程(踩過的坑)Spring BootUI
- 一個富文字編輯器quill 以Vue專案為例UIVue
- 線上富文字編輯器初探
- 半成品md富文字編輯器
- SSM使用UEditor富文字編輯器SSM
- 分享 - 富文字編輯器 Froala Editor
- vue中正確使用富文字編輯器wangeditor和使用wangeditor遇到的坑Vue
- Eleditor移動端富文字編輯器
- 深入淺出contenteditable富文字編輯器
- 日常筆記一:擷取富文字編輯器中的文字內容筆記
- 富文字及編輯器的跨平臺方案
- iOS使用UITableView實現的富文字編輯器iOSUIView
- 關於專案中使用的富文字編輯器markdown和傳統的富文字編輯器的對比和選擇
- 在VueJS中使用 froala 富文字編輯器VueJS
- 九、Vue+Element使用富文字編輯器Vue
- HTML 頁面使用 wangeditor 富文字編輯器HTML
- vue 富文字編輯器 vue-quill-editorVueUI
- Django後臺管理配置富文字編輯器Django
- 從零開始, 開發一個 Web Office 套件 (2): 富文字編輯器Web套件
- 從零開始, 開發一個 Web Office 套件 (1): 富文字編輯器Web套件
- 淺析富文字編輯器框架Slate.js框架JS
- 幾種開源富文字編輯器對比
- quill 富文字編輯器自定義格式化UI
- Django搭建個人部落格:使用django-ckeditor富文字編輯器Django
- re-editor -- 開箱即用的react富文字編輯器React
- basecamp/trix: 用於日常寫作的富文字編輯器
- Fluent Editor:一個基於 Quill 2.0 的富文字編輯器,功能強大、開箱即用!UI
- 富文字編輯器 VUE-QUILL-EDITOR 使用教程 (最全)VueUI
- Element UI 整合富文字編輯器 vue-quill-editorUIVue
- 富文字編輯器之遊戲角色升級ing遊戲
- 富文字編輯器:UEditor與wangEditor 初使用總結
- 各種富文字/ HTML編輯器和框架比較HTML框架