在线编辑器在网站开发中的应用（JSP）

流行在线编辑器

KindEditor：http://www.kindsoft.net/

FCKeditor

百度：http://ueditor.baidu.com/website/

淘宝：

前两种有用过的确不错，后边的没用使用。

7.1.1应用在线编辑器KindEditor编辑信息

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，可以无缝的与Java、.NET、PHP、ASP等程序接合。KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。

1. 下载编辑器 ¶

下载 KindEditor（ http://www.kindsoft.net/down.php），本书下载的是kindeditor-4.1（kindeditor-4.1.zip），解压文件，重命名为“kindeditor”，打开 examples/index.html 就可以看到很多模式，下图为默认模式图。由于是静态页面只是可以进行简单的字体设置等，不能进行图形等添加。

 2. 部署编辑器 ¶

将“kindeditor”文件夹存储于webapps文件夹下，通过 http://您的域名/editor/访问，本系统访问地址。

（1）以下文件夹，除保留JSP外，其他可删除。

 asp - ASP程序

 asp.net - ASP.NET程序

 php - PHP程序

 jsp - JSP程序（本系统为JSP需保留）

 examples - 演示文件（保留，备用）

（2）将jsp/lib目录下的3个jar文件复制到Tomcat的lib目录下或站点目录下WEB-INF/lib文件夹下，并重新启动Tomcat。本系统放到kindeditor/WEB-INF/lib文件夹下。

jsp/lib文件夹下文件如下：

         commons-fileupload-1.2.1.jar

         commons-io-1.4.jar

         json_simple-1.1.jar

（3）attached文件夹，放到kindedtor文件夹下，更改属性为非只读。

 

3. 打开浏览器，输入 http://localhost:8080/kindeditor/jsp/demo.jsp。

可以用在线编辑器下可进行文本的字体、颜色、大小、标题等设置，可以进行复制、粘贴（粘贴、无格式粘贴、从word粘贴）、超级链接、项目编号、对齐方式等。

图片插入，可实现先上传后插入超文本。

4.file_manager_json.asp、upload_json.asp文件使用

（1）file_manager_json.jsp

'根目录路径，可以指定绝对路径，比如 /var/www/attached/
rootPath = "../attached/"
'根目录URL，可以指定绝对路径，比如 http://www.yoursite.com/attached/
rootUrl = aspUrl & "../attached/"

根据内容，需要把attached文件夹放到站点根目录下

（2）upload_json.jsp

//定义允许上传的文件扩展名

HashMap<String, String> extMap = new HashMap<String, String>();

extMap.put("p_w_picpath", "gif,jpg,jpeg,png,bmp");

extMap.put("flash", "swf,flv");

extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");

extMap.put("file", "doc,docx,xls,txt,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");

OK 可以成功上传

转载于:https://blog.51cto.com/dyzyxy/1160557