一、基本配置
Kindeditor是一款富文本編輯器,作用跟博客園寫文章用的這個編輯器一樣,都是為了讓文本加入各種各樣的修飾元素。
使用方法如下,解壓縮,把期中的ASP\NET\PHP文件夾都刪除,然后在web項目下新建一個文件夾/kindeditor,再將文件拖入:
目錄結構如上。
在需要導入kindeditor的JSP中添加以下代碼
1 <!-- kindeditor --> 2 <script charset="utf-8" src="kindeditor/kindeditor.js" ></script> 3 <script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script> 4 <script> 5 var editor; 6 KindEditor.ready(function(K){ 7 editor = K.create('textarea[name="content"]',{ 8 allowFileManage : true , 9 uploadJson : 'kindeditor/jsp/upload_json.jsp', 10 fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp', 11 afterBlur : function() { 12 this.sync(); 13 K.ctrl(document, 13, function() { 14 K('form[name="myform"]')[0].submit(); 15 }); 16 K.ctrl(this.edit.doc, 13, function() { 17 K('form[name="myform"]')[0].submit(); 18 }); 19 } 20 }); 21 }); 22 </script>
插入到<head></head>中,注意寫上注釋,以免和其他的弄混
然后在插入編輯器的位置寫上:
<textarea id="content" name="content" rows="" cols="" style="width: 800px; height: 360px; visibility: hidden;"></textarea>
期中rows cols是用來指定長寬的。
且name要和上一節代碼中的
K.create('textarea[name="content"]',{
一致。
這樣就完成了基本的配置。
二、文件與圖片上傳
一開始以為kindeditor的上傳方法要我自己寫,我已經掏出了我的JavaSE書准備用IO大干一場,后來發現kindeditor已經集成了這一塊的代碼,【要不然還區分什么ASP\PHP什么的干嘛】
首先,將jsp/lib下的jar導入路徑,然后
上傳的邏輯主要看兩個文件
額,還是先別看把,先測試一下功能
呵呵
顯示 上傳目錄不存在
好的來看代碼
upload_json.jsp下路徑出錯?
具體的就是指我們的savePath了,
解決方案:
1、修改savepath為
request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/";
原始的獲得路徑的方法可能有問題,這種能保證路徑不出錯。
2、可能對應的路徑下沒有對應的文件夾,手動新建一個。
以上,是我昨天使用kindeditor碰到的問題,望能幫助到大家,第一次寫博文寫的不好,可能有點不科學沒邏輯,見諒哈
另外我是一名大二學生,希望各位學習J2EE的能在這里一起學習交流(嘻)