您的位置：首页 > 其它

CKEditor使用及开启文件上传功能(Servlet实现)

2011-12-11 13:59 926 查看

一、下载CKEditor

http://ckeditor.com/

二、部署

目前最新版本为3.6.2

下载下来的文件名为ckeditor-java-3.6.2.zip

1.把解压出来目录里的ckeditor整个文件夹放到项目WebRroot下

2.把解压出来目录WEB-INFO\lib\里的ckeditor-java-core-3.5.3.jar放到项目lib目录下

3.在页面<head>里加入以下代码

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

4.在页面<body>里加入以下代码

方法一：

<textarea class="ckeditor" id="content" ></textarea>

方法二：

<textarea id="content" cols="4" rows="10"></textarea>
<script type="text/javascript">
	CKEDITOR.replace('content',{
		toolbar:'Full',
		skin : 'kama'
	});
</script>

toolbar指定显示的工具栏，skin指定编辑器的皮肤，当然不指定的话会显示默认的皮肤。

启动Tomcat，输入相应的地址，一个漂亮的编辑器就出现了！

三、开启文件上传功能

1.页面上增加里面三行代码

<script type="text/javascript">
	CKEDITOR.replace('content',{
		filebrowserUploadUrl : '<%=path %>/ckeditor/uploader?Type=File',  
		filebrowserImageUploadUrl : '<%=path %>/ckeditor/uploader?Type=Image',
		filebrowserFlashUploadUrl : '<%=path %>/ckeditor/uploader?Type=Flash'
	});
</script>

2.写一个具有上传功能的Servlet

3.web.xml里进行相应的配置

这样就OK了，需要注意的是路径和缓存的问题。

详见下面文章，这篇文章介绍的很详细http://sarin.iteye.com/blog/599499

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航