kindeditor的使用

下载kindeditor插件

1、解压zip文件，将所有文件复制到项目的WebRoot目录下。

2、将kindeditor/jsp/lib目录下的3个jar文件复制到lWEB-INF下的lib目录下并刷新lib文件夹，否则upload_json.jsp和file_manager_json.jsp文件会出错。
* commons-fileupload-1.2.1.jar
* commons-io-1.4.jar
* json_simple-1.1.jar
3、编写需要使用到文本编辑器的jsp页面。
先引入需要的js文件

<script charset="utf-8" src="项目名称/kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="项目名称/kindeditor/lang/zh-CN.js"></script>

在需要显示编辑器的位置添加TEXTAREA文本域输入框
textarea的id要唯一

<div style="align:center;">
        <textarea rows="20" cols="120" id="editorId" name="content">
            <p>在此处编辑内容</p>
        </textarea>
    </div>.

然后引入js文件，显示编辑器

 <script>
         KE.show({
             id : 'editorId',
             imageUploadJson : '/项目名称/kindeditor/jsp/upload_json.jsp',  
             fileManagerJson : '/项目名称/kindeditor/jsp/file_manager_json.jsp',  
             allowFileManager : true,  
             afterCreate : function(id) {  
             KE.event.ctrl(document, 13, function() {  
             KE.util.setData(id);  
             document.forms['example'].submit();  
        });  
        KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {  
            KE.util.setData(id);  
            document.forms['example'].submit();  
        });  
    }  
        }); 

    </script>

注意：要修改下upload_json.jsp和file_manager_json.jsp这两个文件里的两个变量，否则上传图片时会找不到文件上传目录。
file_manager_json.jsp文件下：

//根目录路径，可以指定绝对路径，比如 /var/www/attached/
String rootPath = pageContext.getServletContext().getRealPath("/") + "文件名/";
//根目录URL，可以指定绝对路径，比如 http://www.yoursite.com/attached/
String rootUrl  = request.getContextPath() + "/文件名/";

upload_json.jsp文件下：

//文件保存目录路径
String savePath = pageContext.getServletContext().getRealPath("/") + "文件名/";

//文件保存目录URL
String saveUrl  = request.getContextPath() + "/文件名/";

在浏览器打开此页面，就可以看到