绿岛网络blog聚合 » Evil-Voice » HTML编辑器

Feeds

1932 items (1932 unread) in 16 feeds

绿岛成员 (310 unread)

• 花瓣笺 (53 unread)
• o2sky (101 unread)
• SimpleLife (12 unread)
• Evil-Voice (18 unread)
• marsfish (19 unread)
• 自留地 (56 unread)
• njzeroc (14 unread)
• 练习曲 (37 unread)

web技术 (88 unread)

• 样式之美 - 《Web标准设计》 (21 unread)
• realazy (19 unread)
• PlanABC - 怿飞’s Blog (48 unread)

杂七杂八 (611 unread)

• 槽边往事 (478 unread)
• 文森特漂流记·漂来又漂去 (72 unread)
• 连岳的第八大洲 (61 unread)

经济观察 (923 unread)

• 牛刀 (712 unread)
• 时寒冰 (211 unread)

Evil-Voice

• 04 14, 2009
• 

  HTML编辑器

  Posted: 04 14th, 2009, 6:31pm PDT by Panqw

  　　昨天晚上项目上线，由于系统的很多表被RENAME，导致系统运行不正常，全是“表或视图不存在”的错误。认领完自己系统的表，就交给QA测试了，我在边上也没啥事，就继续做自己的事–开发一个HTML在线编辑器，其实只是二次开发，针对网上Sina的版本做个适合JSP的，暂时取名叫cosEditor吧。 　　cosEditor在原版的基础上主要修改了两个地方，文件上传、图片上传并生成缩略图，上传文件用到了Oreilly公司的cos.jar[故取名cosEditor] 　　由于是开源项目，所以我在cos.jar源代码的基础上增加了一个Servlet：editor.upload.file.UploadFileServlet和一个工具类：editor.upload.file.FileTools；由于原版是针对ASP的，文件上传和图片上传的功能均已做好，所以如果想在ASP上使用，可直接下载原版。但想在J2EE使用，那么最好选择cosEditor。 　　接下来说明一下使用方法[所有文件在本文最后下载]： 　　新建好Web Project之后，假设项目名称为EditorDemo，把cosEditor.jar加到classPath，或者加到WEB-INF/lib下，再把HtmlEditor.rar解压到WebRoot文件夹下，目录结构如下： WebRoot Edit temp uploadFiles uploadImages WEB-INF index.html 　　其中index.html为示例页面。由于上传文件是通过Servlet来保存的，所以需要在web.xml中增加一servlet： 10 11 12 13 14 15 16 17 18 19 20 <servlet> <servlet-name>UploadFileServlet</servlet-name> <servlet-class>editor.upload.file.UploadFileServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>UploadFileServlet</servlet-name> <url-pattern>/uploadFile</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> 　　HtmlEditor的配置文件是Edit/editor/config.js: 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 //文件大小限制 单位 B 默认5M var FILE_MAX_SIZE = 5 * 1024 * 1024; //图片大小限制 单位 B 默认2M var IMAGE_MAX_SIZE = 2 * 1024 * 1024; //J2EE WEB项目工程名 var J2EE_WEB_PROJECT_NAME = "/EditorDemo"; //文件上传的保存文件夹目录 var FILE_SAVE_DIRECTORY = "/uploadFiles"; //图片上传保存的文件夹目录 var IMAGES_SAVE_DIRECTORY = "/uploadImages"; //复制到编辑器中文件的URL var FILE_DIRECTORY = J2EE_WEB_PROJECT_NAME + "/uploadFiles"; //上传后缩略图片保存目录 var SMALL_IMAGES_DIRECTORY = J2EE_WEB_PROJECT_NAME + "/uploadImages/small"; //上传后原始图片保存目录 var ORI_IMAGES_DIRECTORY = J2EE_WEB_PROJECT_NAME [...]