⑴ PHP UEditor富文本編輯器 上傳顯示 後端配置項沒有正常載入,上傳插件不能正常使用!
1、首先找到eWebEditor編輯器所在的目錄,然後搜索到editor.js文件,由於eWebEditor有很多個版本,所以editor.js文件所在的目錄也有所不同,有的可能在Include目錄下,有的可能在js目錄下。
2、用記事本打開editor.js文件,找到如下代碼: if (element.YUSERONCLICK) {
eval(element.YUSERONCLICK + "anonymous()");
}
由於eWebEditor編輯器版本不同,有的可能找不到上面的代碼,而是下面這樣的代碼,兩種代碼只是書寫格式不同而已,含義是一樣的:
if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous()");
3、將上面的代碼替換為下面的代碼即可:
或者改變路徑上傳。只要能找到它的保存路徑就可以了!!然後將保存的路徑以及文件名賦值給你的變數!
⑵ ueditor 怎麼自定義上傳文件的路徑啊求指導,,最好是有源碼
UEditor是由網路WEB前端研發部開發的所見即所得的開源富文本編輯器,具有輕量、可定製、用戶體驗優秀等特點。
開源基於BSD協議,所有源代碼在協議允許范圍內可自由修改和使用。
網路UEditor的推出,可以幫助不少網站開發者在開發富文本編輯器所遇到的難題,節約開發者因開發富文本編輯器所需要的大量時間,有效降低了企業的開發成本。
優點
1、體積小巧,性能優良,使用簡單
2、分層架構,方便定製與擴展
3、滿足不同層次用戶需求,更加適合團隊開發
4、豐富完善的中文文檔
5、多個瀏覽器支持:Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome
6、更好的使用體驗
7、擁有專業QA團隊持續支持,已應用在網路各大產品線上
使用步驟
1.添加jar包 jar包位置:文件根目錄下jsp的lib文件夾下,把jar包復制到web-inf下的lib文件夾下buildpath
2.修改config.js中的URL路徑,修改為UEidtor插件在自己工程中的正確根路徑
3.在jsp文件中先引入配置文件config.js然後再源碼文件all.js(注意順序)
4.載入容器和實例化容器
1.修改config.js配置文件URL為插件根目錄,一般是絕對路徑。
2.修改config.json中上傳圖片配置項中的訪問路徑前綴為項目名稱,根據情況修改上傳文件路徑和訪問路徑。
配置正確之後UEditor有上傳功能幫助我們上傳圖片。
但是上傳路徑會在項目部署的臨時文件夾下。 tomcat取消部署後,上傳文件就會和項目部署文件一起被刪除
3.實現把圖片上傳到自定義路徑
在處理上傳後的文件名稱的時候注意不要出現中文
要不然還需要做處理才能正確讀取文件!
4.(1)首先在jsp中覆蓋UEidtor獲取路徑的方法
//覆蓋UEditor中獲取路徑的方法
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
//判斷路徑 這里是config.json 中設置執行上傳的action名稱
if (action == 'uploadimage') {
return 'http://localhost:8080/maven-web/uploadImage.do';
} else if (action == 'uploadvideo') {
return '';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
(2)首先在springmvc配置文件中配置
<!-- 上傳配置 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="UTF-8"></property>
</bean>
在controller中定義上傳和讀取文件的方法
/**
* SpringMVC 用的是 的MultipartFile來進行文件上傳
* 這里用@RequestParam()來指定上傳文件為MultipartFile
* @throws IOException
*/
@RequestMapping("uploadImage")
@ResponseBody//這里upfile是config.json中圖片提交的表單名稱
public Map<String,String> uploadImage(@RequestParam("upfile") CommonsMultipartFile upfile,HttpServletRequest request) throws IOException{
//文件原名稱
String fileName=upfile.getOriginalFilename();
//為了避免重復簡單處理
String nowName=new Date().getTime()+"_" + fileName;
if(!upimage.isEmpty()){
//上傳位置路徑
String path0 = "D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+nowName;
//按照路徑新建文件
File newFile = new File(path0);
//復制
FileCopyUtils.(upimage.getBytes(), newFile);
}
//返回結果信息(UEditor需要)
Map<String,String> map = new HashMap<String,String >();
//是否上傳成功
map.put("state", "SUCCESS");
//現在文件名稱
map.put("title", nowName);
//文件原名稱
map.put("original", fileName);
//文件類型 .+後綴名
map.put("type", fileName.substring(upfile.getOriginalFilename().lastIndexOf(".")));
//文件路徑
map.put("url", "/"+nowName+"/getImage.do");
//文件大小(位元組數)
map.put("size", upfile.getSize()+"");
return map;
}
/**
* 讀取文件
*/
@RequestMapping("{imgName}/getImage")
public void readImg(@PathVariable("imgName") String imgName, HttpServletResponse response)
throws Exception {
//設置文件的返回類型
response.setContentType("image/*");
//文件路徑(windows下是\\,linux下是//,都必須是絕對路徑)
String imgPath="D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+imgName;
//java中用File類來表示一個文件
File image = new File(imgPath);
//測試這個文件路徑是否存在(也就是這個文件是否存在)
if (!image.exists()) {
return;
}
//FileUtils.readFileToByteArray(File file)把一個文件轉換成位元組數組返回
response.getOutputStream().write(FileUtils.readFileToByteArray(image));
//java在使用流時,都會有一個緩沖區,按一種它認為比較高效的方法來發數據:
//把要發的數據先放到緩沖區,緩沖區放滿以後再一次性發過去,而不是分開一次一次地發.
//而flush()表示強制將緩沖區中的數據發送出去,不必等到緩沖區滿.
response.getOutputStream().flush();
response.getOutputStream().close();
}
⑶ ueditor富文本編輯器怎麼用
方法/步驟
1
第一步需要引入UEditor的源文件,和jquery文件,來對編輯器進行支持。如果看到圖二的效果則說明部署成功咯,接下來我們就可以根據自己的實際需求來進行場地參數。
2
第二步獲取編輯器的輸入的文本內容,然後對獲取的值傳遞給後台處理,也可通過from表單進行操作。
3
配置文件上傳,圖片上傳、截圖上傳路徑(以jsp為例)
首先配置ueditor.config.js來初始化ueditor的安裝路徑,projectName代表項目路徑URL則表示,配置後的ueditor的所在路徑(可自定義),詳細配置可看圖片所示
4
配
置好路徑後我們就可以調用了,接下來需要配置上傳文件的路徑了(jsp/config.json)里,需要配置的有imageUrlPrefix圖片訪問
的路徑前綴,imagePathFormat/scrawlPathFormat
等*PathFormat路徑用來表示上傳的文件路徑(注意:windows 和linux的路徑不同方式),具體配置如圖所示
5
在項目中添加ueditor說需要的jar包文件,然後啟動項目。
6
項目啟動完成後,進入頁面,我們可以來試試效果,大家可以任意復制圖片,上傳文件等來實驗下我們的配置結果。出現如下結果則說明我們配置成功了,簡單吧。
http://jingyan..com/article/0320e2c1f68b751b87507be2.html
⑷ 如何使用富文本編輯器
方法/步驟
1第一步需要引入UEditor的源文件,和jquery文件,來對編輯器進行支持。如果看到圖二的效果則說明部署成功咯,接下來我們就可以根據自己的實際需求來進行場地參數。
2第二步獲取編輯器的輸入的文本內容,然後對獲取的值傳遞給後台處理,也可通過from表單進行操作。
3配置文件上傳,圖片上傳、截圖上傳路徑(以jsp為例)
首先配置ueditor.config.js來初始化ueditor的安裝路徑,projectName代表項目路徑URL則表示,配置後的ueditor的所在路徑(可自定義),詳細配置可看圖片所示
4配置好路徑後我們就可以調用了,接下來需要配置上傳文件的路徑了(jsp/config.json)里,需要配置的有imageUrlPrefix圖片訪問
的路徑前綴,imagePathFormat/scrawlPathFormat
等*PathFormat路徑用來表示上傳的文件路徑(注意:windows 和linux的路徑不同方式)
5在項目中添加ueditor說需要的jar包文件,然後啟動項目。
6項目啟動完成後,進入頁面,我們可以來試試效果,大家可以任意復制圖片,上傳文件等來實驗下我們的配置結果。出現如下結果則說明我們配置成功了,簡單吧。
⑸ 使用·富文本編輯器上傳文件後怎麼到後台
根據我用的tinymce的情況,加入了上傳圖片的組件後,在初始化富文本編輯器的時候傳入參數imageupload_url: '/upload_img/',而這個上傳圖片的路徑就是自定義的上傳介面,介面內容自定義,最後根據固定格式回顯圖片路徑即可。
⑹ ueditor富文本編輯器上傳圖片怎麼配置
1. 前端配置項
前端需要配置 serverUrl 參數,修改 ueditor.config.js 里的 serverUrl 參數,改成伺服器端路徑,參考:URL + 'php/controller.php'
2. 後端配置項
後端配置項在 php/config.json 里配置,不同的上傳有各自的配置項。
修改上傳圖片路徑的參數是 imagePathFormat ,改成你的圖片文件夾路徑即可。
⑺ JSP中,富文本編輯器可以把圖片和附件轉換成二進制上傳到資料庫嗎
轉二進制最好在服務端轉,客戶端提交文本或者圖片文件到伺服器,(其實圖片是流提交的),然後你轉成你要的二進制存入資料庫
⑻ 百度富文本編輯器怎麼設置才能在上傳純文本文件時把內容自動載入到編輯框里啊,還有怎麼保存為文本呢
這個功能沒有。
我有一招,你可嘗試操作,將文本上傳至QQ郵箱,發送給自己,
QQ郵箱有個附件預覽功能,打開預覽後,全選,復制,粘貼到富文本編輯器便可。
雖然麻煩點,但也可實現。
⑼ 富文本編輯器Simditor 有沒有默認的文件上傳功能
QQ空間上傳多張相片的方法如下:1、在電腦上登陸QQ;2、在QQ主界面點擊五角星的按鈕,進入qq空間;3、進入空間後,在導航欄里點擊「相冊」;4、打開相冊後,可以先點擊「創建相冊」,或者直接點擊「上傳照片」(以「創建相冊」為例);5、接著在「極速上傳」的界面中點擊「選擇照片」;6、找到要上傳的,存放照片的文件夾後,在「選擇照片」的窗口上,點擊勾選要上傳的照片,也可以直接點擊界面底下的「全選」按鈕,照片選好後,再點擊」確定「等待上傳完成即可。
⑽ kindeditor富文本編輯器怎樣上傳flash
在編輯器工具欄上有個上傳FLASH的按鈕,點擊就可以上傳。
但前提是:
1、上傳需要動態程序支持,即ASP、.NET、PHP、JSP中的一種,需要配置運行環境,具體配置可網路。
2、配置好上傳文件。