fckeditor

疯狂的草儿

浏览: 204650 次
性别:
来自: 合肥

最近访客更多访客>>

czldl

ytty

osacar

A741841403

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript&Jquery

fckeditor HTML Servlet Tomcat JavaScript

下载地址：http://ckeditor.com/download

运行实例：http://ckeditor.com/demo

将下载好的包直接部署到Tomcat上，运行_samples下的文件，即可看到运行效果。

由于下载好的FCKeditor的文件内容比较多，其中有很多对于我们是没有太大用途的，此时为了能够更快，更好的构建我们自己的系统，此时需要将无用的文件统统移除掉。

只需要保留以下一些文件：

只保留：editor目录

fckconfig.js

fckeditor.js

fckstyles.xml和fcktemplates.xml

input.html(简单的测试页面）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>input.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
	请输入内容<br/>
	<script type="text/javascript" src="/vs/fckeditor/fckeditor.js"></script>
	<form name="form3" method="post" action="/vs/servlet/Addcontent">
	标题：<input type="text" name="title"></input> <br/>
	<script>
		var editor = new FCKeditor('editor1');
		editor.BasePath = '/vs/fckeditor/';
		editor.Height=200;
		editor.Width = 800;
		editor.ToolbarSet='Default';
		editor.Create();
	</script>
	<br/>
	<input type="submit" value="submit"></input>
	</form>
  </body>
</html>

注意：/vs 是测试项目的名称。

将Fckeditor目录拷贝到WebRoot下。

建立一个Servlet,测试下输入的内容。

public class AddContentServlet extends HttpServlet {
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/html;charset=utf-8");
		request.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();
		out
				.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
		out.println("<HTML>");
		out.println("  <HEAD><TITLE>A Servlet</TITLE></HEAD>");
		out.println("  <BODY>");
		out.println("标题：" + request.getParameter("title") + "<br/>");
		out.println("内容：" + request.getParameter("editor1") + "<br/>");
		out.println("  </BODY>");
		out.println("</HTML>");
		out.flush();
		out.close();
	}
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
			doGet(request,response);
	}
}

部署运行即可。一下是运行结果：

FCKeditor2·5.zip (1.2 MB)
下载次数: 4

分享到：

配置Tomcat的连接池和数据源 | JSValidation用户手册

2010-12-17 16:24
浏览 760
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

fckeditor

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

fckeditor

评论

发表评论

相关推荐

Firebug 调试器开发中的12个技巧

锋利的jQuery 第三章 jQuery中的DOM操作

锋利的jQuery第二章 选择器

锋利的Jquery第一章 认识jQuery

JSValidation用户手册

测试Gadget时，IE7下出现的问题

JS中substr和substring的用法和区别

jQuery.extend 函数详解

判断浏览器的名称和版本的一段javascript

FireBug Console API

APtana

JS的正则表达式(五)

JS的正则表达式(四)

JS的正则表达式(三)

JS的正则表达式(二)

JS的正则表达式(一)

JavaScript函数对象

JavaScript常用内置对象(三)

JavaScript常用内置对象(二)

JavaScript常用对象(一)

最近访客更多访客>>

锋利的jQuery第二章选择器

锋利的Jquery第一章认识jQuery