1儒飒、
將ueditor引入項目后谬莹,.............運行。圖片上傳功能不能用桩了,會提示說沒有配置等等信息
報錯:ueditor 后端配置項沒有正常加載附帽,上傳插件不能正常使用!jsp版本
原因:是因為沒有導入jar包圣猎,如圖lib文件夾下的五個jar包
官方文檔:http://fex.baidu.com/ueditor/#server-jsp
2士葫、問題1的上傳插件可以使用,上傳圖片送悔,圖片上傳成功后不顯示慢显。chrome控制臺報錯:404
解決辦法如下:給"imageUrlPrefix": ""設置為:"imageUrlPrefix": "http://localhost:8080/msxy-console/" /* http://localhost:8080/msxy-console/是服務器地址 */
3爪模、在富文本編輯器編寫的帶有格式的內(nèi)容在另一張頁面顯示時也帶有格式:
用ue.getContent()獲取內(nèi)容,
var ue = UE.getEditor('editor');
//對編輯器的操作最好在編輯器ready之后再做
ue.ready(function() {
$('.save').click(function(){
var txt = ue.getContent(); //txt最好放在click方法內(nèi)荚藻。//將txt存儲到數(shù)據(jù)庫中屋灌,然后加載數(shù)據(jù)庫中的txt展示在新的頁面上,顯示的格式和在ueditor中編輯的格式一樣
console.log(typeof txt); //string
$('.test').after(txt);
})
});
4应狱、將編輯器上傳圖片存儲到數(shù)據(jù)庫:兩種方法
1共郭、通過前端:獲取編輯內(nèi)容的圖片的地址,然后提交到后臺接口疾呻,接口再存儲到數(shù)據(jù)庫中除嘹。然后另一張頁面再通過調(diào)用后臺接口,將圖片展示在頁面上岸蜗。
2尉咕、通過后臺:轉載自:https://blog.csdn.net/lsx991947534/article/details/46586541
5、修改上傳圖片存儲的路徑璃岳。這樣可以避免重啟服務器后保存在服務器自己創(chuàng)建的文件夾下的圖片消失年缎。
/* 修改前 "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", 上傳保存路徑,可以自定義保存路 徑和文件名格式 /
"imagePathFormat": "/resources/img/{yyyy}{mm}{dd}/{time}{rand:6}", / */
借鑒自:https://blog.csdn.net/zzq900503/article/details/77540331
5、圖片上傳到遠程服務器
轉載自:https://blog.csdn.net/zzq900503/article/details/77540331
6铃慷、富文本編輯完內(nèi)容后保存单芜,再次進入富文本編輯器所在的頁面,會報錯犁柜,如下:
使用UEditor的setContent的時候報錯洲鸠,報錯代碼如下 Uncaught TypeError: Cannot set property 'innerHTML' of undefined 錯
解決辦法:
原因是沒有等UEditor創(chuàng)建完成就使用UEditor的setContent函數(shù)了,可以通過如下代碼解決 方法一:
ueditor.addListener("ready", function () {
ueditor.setContent(code);
});
方法二:
ueditor.ready(function() {
ueditor.setContent(code);
});