- 浏览: 166708 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
tangyuanjian:
这个request怎么赋值啊!
rails技巧之得到web应用中的web服务器地址和端口号 -
wangbaocai:
asp.net导出邮箱联系人列表,支持QQ邮箱、163邮箱、G ...
rails 导出邮箱联系人 -
andrew.yulong:
他默认有个guest角色啊
rails 权限控制 -
liucuan:
如果想过滤这个插件怎么过滤,比如我的index页面我想登录不登 ...
rails 权限控制 -
ayaga:
pt.afterTextEl.el.innerHTML = S ...
extJS控件之每页显示N条记录
ckeditor是FCK的升级版。
首先下载包就不说了,大家自己google。
1.打开config.js 就在下载的包里面。 配置一些基本的参数。
CKEDITOR.editorConfig = function(config) { config.language = 'zh-cn'; // 配置语言 config.uiColor = '#FFF'; // 背景颜色 config.width = '550'; // 宽度 config.height = '300px'; // 高度 config.skin = 'office2003';//界面v2,kama,office2003 //config.toolbar = 'Full';// 工具栏风格Full,Basic config.filebrowserUploadUrl = '/common/ajaxUpload.jsp?f=uploadFiles&type=Files';//上传文件的保存路径 config.filebrowserImageUploadUrl = '/common/ajaxUpload.jsp?f=uploadFiles&type=Images';//上传图片的保存路径 config.filebrowserFlashUploadUrl = '/common/ajaxUpload.jsp?f=uploadFiles&type=Flash';//上传flash的保存路径 config.toolbar = [ ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Link','Unlink','Anchor'], ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','TextColor','BGColor', 'Maximize', 'ShowBlocks','-','Source','-','Undo','Redo'], '/', ['Styles','Format','Font','FontSize'] ]; };
2.在你的jsp页面
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script> <textarea cols="80" id="contentID" name="content"></textarea> <script type="text/javascript"> CKEDITOR.replace('contentID'); </script>
ok 就这样基本可以使用了。
现在在来看看怎么上传。大家看看config.js 里面有3个参数是上传需要用到的。
config.filebrowserUploadUrl = '/common/ajaxUpload.jsp?f=uploadFiles&type=Files';//上传文件的保存路径 config.filebrowserImageUploadUrl = '/common/ajaxUpload.jsp?f=uploadFiles&type=Images';//上传图片的保存路径 config.filebrowserFlashUploadUrl = '/common/ajaxUpload.jsp?f=uploadFiles&type=Flash';//上传flash的保存路径
ok 看到这里 大家应该都明白了,需要一个ajaxUpload.jsp。下面就是ajaxUpload.jsp的全部内容
<%@ page language="java" pageEncoding="gbk"%> <%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload" %> <%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory" %> <%@page import="java.io.File"%> <%@page import="org.apache.commons.fileupload.FileItem"%> <%@page import="java.util.List"%> <%@page import="java.io.InputStream"%> <%@page import="java.io.OutputStream"%> <%@page import="java.io.FileOutputStream"%> <%@page import="net.ask123.doers.common.Constants"%> <%@page import="net.ask123.doers.common.VeDate"%> <%@page import="org.apache.commons.lang.StringUtils"%> <%@page import="org.apache.commons.fileupload.FileItemFactory"%> <%@page import="java.util.Iterator"%> <% FileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); List<FileItem> items = upload.parseRequest(request); //...type 不为空代表ck上传 String type= request.getParameter("type"); String callback = request.getParameter("CKEditorFuncNum"); String f = request.getParameter("f"); if(f == null || f == ""){ f = "ad"; } String sid = VeDate.getNo(4); String filePath = "/"+f+"/" + sid.substring(0, 4) + "/"+ sid.substring(4, 6) + "/"; String sPath = Constants.FILEUPLOADADDRESS + filePath; Iterator<FileItem> itr = items.iterator(); String path = ""; while (itr.hasNext()) { FileItem item=(FileItem)itr.next(); if(!item.isFormField()){ // 获得文件名及路径 String fileName = item.getName(); if (fileName != null) { File firstFolder = new File(sPath); if(!firstFolder.exists()) { firstFolder.mkdirs(); } String ext = fileName.substring(fileName.lastIndexOf(".")+1,fileName.length()); ext = ext.toLowerCase(); File fullFile = new File(sid+"."+ext); path = filePath+fullFile.getName(); File fileOnServer = new File(sPath, fullFile.getName()); item.write(fileOnServer); } } } response.setCharacterEncoding("UTF-8"); if(StringUtils.isBlank(type)){ response.getWriter().write(path); }else{ response.getWriter().write("<script type='text/javascript'>"); response.getWriter().write("window.parent.CKEDITOR.tools.callFunction(" + callback + ",'" + path + "',''" + ")"); response.getWriter().write("</script>"); } %>
里面有些代码是自己的业务逻辑 大家可以精简一点。
这里有2个要注意的地方!
1. 需要下载org.apache.commons.fileupload 这个包 大家应该都知道 apache的下载组件。
2.执行完jsp后,CKEDITOR需要一个js的回调
response.getWriter().write("<script type='text/javascript'>"); response.getWriter().write("window.parent.CKEDITOR.tools.callFunction(" + callback + ",'" + path + "',''" + ")"); response.getWriter().write("</script>");
这个回调是关键。
ok 基本就这了。
发表评论
-
java 环境变量
2010-09-17 16:30 941Classpath .;%Java_Home%\l ... -
js 光标处插入字符(ie,火狐兼容)
2010-04-20 13:41 2048/** * 在光标的位置插入图片 * @param { ... -
正则只替换URL字符串里面的汉字部分(转载CSDN)
2008-09-17 10:10 1758URL为 http://192.168.1.1:8080/ ... -
sam谈JS之属性篇
2008-08-04 10:23 943看来javascript王者归来,写点读书心得。 在j ... -
谁说js不是面向对象的?
2008-08-01 16:12 874一直对js有种说不出来的感情! 下面是小弟对js的一点 ... -
IO操作(已封装)--java
2007-09-25 12:55 1402和大家见面了,本人言语突然很少,开门见山吧 package ... -
转换字节码
2007-09-25 12:59 681import java.io.UnsupportedEncod ... -
过滤器写法
2007-09-25 12:59 1049package com.accp.util; import ... -
Jamil的一个小列子
2007-09-25 13:06 796package com.zhangyulong.util; i ... -
子页面操作后关父页面刷新
2007-09-29 08:35 2143首先写一个jsp,主要用于跳转!主要有3个参数,url,r ... -
JAVA如何实现HTTP的断点续传
2007-10-06 16:06 994(一)断点续传的原理 其实断点续传的原理很简单,就是在Http ... -
对url中的中文参数进行编码
2007-10-12 22:14 1290public static String urie(St ... -
JavaScript经典技巧
2007-10-13 15:14 6621. oncontextmenu="window. ... -
prototype常用函数及其用法
2007-10-29 11:48 951函数名 解释 举例 Element.toggl ... -
checkbox全选
2007-11-12 11:34 1069function CheckAll(name,obj){ ... -
上下滚动 标题停留(字母,图片)
2007-11-23 21:18 1215<script language="Java ... -
上下滚动 标题时停留(简化版本)
2007-11-24 10:36 902<div style="height:18p ... -
表格排序
2007-12-04 14:07 946<html> <head> ... -
在js中使用正则表达式
2007-12-04 14:59 1560在Javascript里,有两种使用正则的方法,一是创建一个 ... -
仿XP关机效果的弹出窗口功能
2007-12-07 09:18 1403<style> html,body{font-s ...
相关推荐
CKEditor4+ckfinder ASP.NET 支持图片上传
CKEditor3.4+CKFinder 2.0.1+asp 最终破解版 ------By: XingDream 1:破解ckfinder,除去了浏览服务器资源页面上的测试demo的字样,注册提示,并做了适当的精简 2:支持image,flash,链接的上传 删除 等 3:修复了...
这个是CKEditor3.6.2+CKFinder2.1下载!里面包括我怎么教你用这两个控件结合,可以实现上传图片和Flash!很好用的!
ckeditor和struts2实现图片上传和编辑器上浏览!
最新ckeditor3.6+ckfinder2.1整合含上传(java版) 给新手一个参考,希望大家一起进步
CKEditor3.3.1+CKFinder2.0结合打造帅的编辑器 改良版,带操作指南! 简单好用!
以上文件包含 ckeditor3.6.4 和ckfinder2.3 及其他们的相关配置。经过本人测试,如若按照文档配置设置,能实现在线编辑功能以及图片等文件上传功能。
最新版本的ckeditor,并成功将ckfinder集成进来,有详细的配置说明,可以在php平台直接使用。
本例子 基于[java]ckeditor4.2+ckfinder2.4 集成 实现 富文本上传图片例子,支持图片存放绝对路径,解决weblogic下无法浏览 及上传报500 无法找到xml的错误,虽然是修改源码实现,但修改量并不大。依然可以重新打jar...
ckeditor+ckfinder配置实现图片上传实例: 版本ckeditor4.0.1+ckfinder2.3.1,已经去掉授权提示, 需要的可以下下来研究下。
该demo给出了一个在struts下使用ckeditor+ckfinder实现富文本编辑功能,可以实现图片的上传,可以直接引入到myeclipse下运行。
JAVA工程项目整合ckeditor+ckfinder实现图片上传、文件上传功能。
1.要上传文件的话要在web.xml中配置ConnectorServlet。 2.ckfinder要配置WEB-INF\config.xml文件,其实一般就修改下面两项设置,baseDir必须是绝对路径而且必须在tomcat6.0.32\webapps下(我放到其他地方不好用)。 ...
最新ckeditor_3.6.2 + ckfinder_2.1完整配置, 文件夹按照:文件类型/年/月,存储 文件自动安装年月日时分秒随机数生成
Ckeditor + ckfinder整合for JAVA(支持文件上传)
ckeditor+ckfinder 完美组合编辑器 加图片上传功能 里面有demo演示页面。
SharePoint2013+CKEditor+CKFinder+完美破解+按用户动态创建上传目录.
三个非常实用的web开发工具,ckeditor是html编辑器,ckfinder是用来上传图片、swf的插件,jwplayer是可以上传视频文件如mp4、flv等等
FCKEditor作为一款强大的页面编辑器已经被CKEditor取代,但是新版的CKEditor不再支持图片和文件的上传功能,需要依赖CKFinder来实现。CKEditor for Java 最新版本是3.5.3,CKFinder的最新版本是2.0.2,特做一个整合...
强大的富文本编辑器 完整项目,下载就能运行,java版本的 ckeditor + ckfinder 可以上传图片 文件