大家在使用博客园或者是在网站上面发表一些东西的时候,往往会发现,输入文字的不是一个简单的文本框,而是一个类似于word的在线编辑环境。这个插件叫FCKEditor,使用这个插件要进行一定程度的配置,下面我把配置方法给大家分享一下。
总共要下载两个文件,第一个文件的下载地址是 https://sourceforge.net/projects/fckeditor/files/FCKeditor/2.6.8/打开这个页面后大家会看到
这时页面中有两个可下载项,大家点击第二个可下载项FCKeditor_2.6.8.zip,点击下载。下载完成后,把压缩包解压,解压后会得到一个名为fckeditor的文件夹。
把这个解压得到的文件夹放到项目的WebContent或WebRoot文件夹下面。第二个需要下载的文件是http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/打开这个页面如下
点击下载fckeditor-java-demo-2.6.war这个文件。这个文件下载回来之后,放到tomcat安装目录下面的webapps目录下面。等到tomcat服务器自动重启之后,这个文件就会自动解压,
把这个文件夹下面有个webinf文件夹,找到lib文件夹,把里面所有的.jar文件都放到当前项目当中的webinf的lib文件夹下面。
在项目中新建一个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>
运行之后的页面为:
特别说明的是,这里要在chrome浏览器下面运行。如果在eclipse内置的浏览器里面运行的话,不能显示。
下载插件的地址是去官网下载FCKeditor 2.6.8:http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/。