JSP页面上添加Fckeditor

  今天捣鼓了一下午才把这个捣鼓出来了,刚开始在网站上搜索了一下,不搜不知道,一搜一大堆,把前三四页的没个链接都点进去看了一遍,上面的写的不是一般的乱,根本看不懂,这个说是这样配,那个说是那样配,头都大了。还有就是上面的大多是转载的,根本不是自己写的,乱七八糟,什么都有。大多数文章都是在FCKeditor2.3的配置方法,现在新版本FCKeditor 2.6.8已经出来很久了,去年配过一次,可是今天还是花了很大的劲才把它弄好。一下就是配置的过程:

  1.去官网下载FCKeditor 2.6.8:http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/

 

  2.打开上面的页面后,需要下载的有两个文件,第一个就是点击第一行字上面看蓝色字体,就下载后解压复制放在WebContent目录下的fckeditor

,另外点击2.6进入下载封装包或者是源码下载页面,个人认为下载fckeditor-java-demo-2.6.war较好,如下图:

  3.把下载好的fckeditor-java-demo-2.6.war放在tomcat的webapps目录下,启动tomcat服务,这个包就自动解压发布了,然后把其目录WEB-INF/lib目录下的jar包复制到自己的项目中,

  4.做好这些之后我做了一个测试,在项目中随便新建了一个jsp文件加入了一下代码

代码如下:

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>FckEditor测试</title>
</head>
<body>
<h2 align="center">FckEditor测试</h2>
<hr>
    <form >
      <FCK:editor instanceName="test" height="400pt"></FCK:editor>     
      </form>
</body>
</html>

注意:在你要加入编辑器的页面必须加入<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>标签库作为引入

在你要加入剪辑器的地方加入如下代码:

<FCK:editor instanceName="test" height="400pt"></FCK:editor>
测试结果如下:

 

 

posted @ 2012-10-27 23:35  json_chan  阅读(3311)  评论(1编辑  收藏  举报