1、基本配置web
Kindeditor是一款富文本編輯器,做用跟博客園寫文章用的這個編輯器同樣,都是爲了讓文本加入各類各樣的修飾元素。json
使用方法以下,解壓縮,把期中的ASP\NET\PHP文件夾都刪除,而後在web項目下新建一個文件夾/kindeditor,再將文件拖入:jsp
目錄結構如上。編輯器
在須要導入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>中,注意寫上註釋,以避免和其餘的弄混測試
而後在插入編輯器的位置寫上:this
<textarea id="content" name="content" rows="" cols="" style="width: 800px; height: 360px; visibility: hidden;"></textarea>
期中rows cols是用來指定長寬的。spa
且name要和上一節代碼中的3d
K.create('textarea[name="content"]',{
一致。
這樣就完成了基本的配置。
2、文件與圖片上傳
一開始覺得kindeditor的上傳方法要我本身寫,我已經掏出了個人JavaSE書準備用IO大幹一場,後來發現kindeditor已經集成了這一塊的代碼,【要否則還區分什麼ASP\PHP什麼的幹嗎】
首先,將jsp/lib下的jar導入路徑,而後
上傳的邏輯主要看兩個文件
額,仍是先別看把,先測試一下功能
呵呵
顯示 上傳目錄不存在
好的來看代碼
upload_json.jsp下路徑出錯?具體的就是指咱們的savePath了,解決方案: 一、修改savepath爲request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/"; 原始的得到路徑的方法可能有問題,這種能保證路徑不出錯。 二、可能對應的路徑下沒有對應的文件夾,手動新建一個。以上,是我昨天使用kindeditor碰到的問題,望能幫助到你們,第一次寫博文寫的很差,可能有點不科學沒邏輯,見諒哈另外我是一名大二學生,但願各位學習J2EE的能在這裏一塊兒學習交流(嘻)