ckeditor图片上传

    今天第一次使用ckeditor文本编辑器，使用过程中遇到了很多麻烦，我使用的是servlet进行图片的上传和数据的接受，相信大家在服务器端接收数据的时候会遇到很多麻烦。下面就我遇到的问题和大家分享一下：
    第一：使用ckeditor获得数据之后：传送到服务器端的时候往往会有很多换行空格等等，这样存入数据库，如果你用json传输的话会出现问题，所以要对这个空格换行进行处理，简单的处理方法是：
                     content.replaceAll("\n[ \t]*","")//content为获得的内容
使用ckeditor获得数据也给罗列下吧：
设置内容：
CKEDITOR.instances.editor1.setData("<p>11</p>");
获取内容：
CKEDITOR.instances.editor1.getData();


   第二：使用ckeditor进行文件上传：
代码：
var config = {
filebrowserImageUploadUrl : 'upload.do'
};
var editor1,editor2,html= '';
editor1=CKEDITOR.appendTo('editor1', config, html );
//其中editor1为html中放入ckeditor的编辑器的div的id
//upload.do为访问的servlet中的url


在servlet中代码为：
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("utf-8");
String Path = new upLoadImg(request).doUpload();
String callback = request.getParameter("CKEditorFuncNum");    
out.println("<script type=\"text/javascript\">");    
out.println("window.parent.CKEDITOR.tools.callFunction(" + callback    
+ ",'" + Path + "',''" + ")");    
out.println("</script>");  
out.flush();    
out.close(); 
}
其中:path为上传之后得到的图片路径



其实在网上找了很多代码，这样使用图片上传是最最简单的运用

评论

1 楼 bgg774 2013-09-06  

111dddd