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>
测试结果如下: