最近在做一個網站,之前使用的是kindeditor.然後負責人說要求換一個新的文本編輯器,于是就選擇了百度的ueditor.初次使用花了很大的力氣才搞懂.不過确實挺好用的.下面就将使用方法與大家分享.
首先我在官網上下載下傳了jsp版的ueditor.解壓出來有多個檔案夾,将解壓出來的檔案全部複制到工程下面的webroot下(我的工程名為ueditor).如圖:
直接複制到工程下面可能會報錯.隻要保證ueditor.all.js和ueditor.config.js沒有錯就行.接下來就是一步一步的修改配置檔案.首先打開ueditor.config.js,找到url并做如下修改:
例如我的url
= window.ueditor_home_url || "/ueditor/ueditor/".
然後找到在jsp檔案夾下的imageup.jsp;這個jsp頁面作用就是上傳圖檔并處理圖檔.将圖檔的存儲路徑修改為自定義的路徑隻需要将up.setsavepath(dir)修改為up.setsavepath("自定義路徑")即可.自定義路徑預設還是在tomcat下該工程的ueditor檔案夾中的jsp下面.換句話說:如果你的自定義路徑為"picture",那麼上傳成功後圖檔就會存放在tomcat/工程/webapps/ueditor/jsp/picture.同樣的,如果你要上傳附件,那麼還得修改fileup.jsp中的存儲路徑.和圖檔差不多,是以就不一一贅述了.
在配置檔案修改了之後,就可以開始使用ueditor了.建立一個index.jsp頁面,代碼如下：
釋出工程之後,見到如下頁面就說明配置成功了：