最近練習做一個新聞系統,其中不能少了添加新聞和修改新聞的功能 ,而且還要添加圖片、添加文字樣式,
所以不得不使用富文本編輯器,在kindeditor和ueditor中,選擇了目前還在持續更新的百度產品,ueditor。
剛開始,圖片上傳的時候,圖片不能顯示,甚至提示后台文件未配置的提示,經過摸索,解決了問題,現在記錄一下:
首先,ueditor默認配置是把ueditor的整個文件夾放在項目的根目錄中,這樣的話,圖片什么的都應該能正常顯示。
但是我把ueditor的文件夾放到了根目錄下的scripts文件夾里面,就必須修改配置文件了。
我的目錄結構:
首先打開scripts/ueditor/net/config.json
看到“上傳圖片配置項”中的imageUrlPrefix和imagePathFormat,
imageUrlPrefix是指前半段的路徑,原來是/ueditor/net,我的修改為/scripts/ueditor/net,注意前面的“/”不能少,這表示根目錄。
imagePathFormat是指后半段的路徑,我沒有修改,因為我是放到默認的ueditor文件夾中。
其實圖片就是保存到這兩個路徑合並后的地方,則是/scripts/ueditor/net/upload/image/......
另外,config.json的后面還有塗鴉圖片上傳、截圖工具上傳等等功能,我也統一把“PathFormat”和“UrlPrefix”修改為一樣的路徑,不過這些功能很少用到。
這就完成了,效果圖:
添加新聞:
查看新聞: