百度編輯器

百度編輯器上傳圖片
第一步:下載
從官網上下載自己所需要的編輯器版本,以前的版本和現在的版本不一樣,不過裏面的配置大致一樣;我下的是ueditor1_4_3_3-utf8-jsp
這裏寫圖片描述
第二步:引入
在WebRoot目錄下新建一個文件夾,把這些放入文件夾
第三步:導包
把jsp裏面的lib文件夾下面的jar包導入
第四步:引用文件
在jsp/html文件中引入剛下載的js和css文件
這裏寫圖片描述
第五步:初始化
在body內對編輯器初始化
這裏寫圖片描述
hdcjhhjh 是初始化內容!!
在初始化的時候可以對編輯器進行處理,例如 編輯器的寬度 高度 顯示的功能按鈕有哪些等…..
第六步:配置
配置config.json文件,
“imageCompressEnable”: true,
“imageCompressBorder”: 1600, //上傳圖片後 圖片在編輯器中的尺寸
“imageUrlPrefix”: “”, //這裏配置前綴,圖片路徑的前綴
“imagePathFormat”: “./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”, //圖片保存的地方
圖片的路徑:imageUrlPrefix+imagePathFormat

再上傳的圖片的時候,會遇到各種問題,網上有很多解決方案,可能是因爲版本的不同和環境不同,有些路徑配置會有一些不一樣,如:我在上傳圖片的時候,在編輯器中顯示的時候顯示不出來;我在我的筆記本電腦上的配置是
imageUrlPrefix”: “”,
“imagePathFormat”:”./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”,

在公司電腦上的配置是
imageUrlPrefix”: “.”,
“imagePathFormat”:”./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”,
希望能幫到大家。

這樣就可以上傳圖片了.
本人是個菜鳥,花了好幾天纔在項目中運用百度編輯器,如有那些不對的還請大家指出。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章