jsp中如何设置使用FCKeditor

最新推荐文章于 2024-11-03 11:01:20 发布

chenguang79

最新推荐文章于 2024-11-03 11:01:20 发布

阅读量3.6k

点赞数

文章标签： fckeditor jsp import java input border

本文链接：https://blog.csdn.net/chenguang79/article/details/993119

版权

FCKeditor这个在线ＨＴＭＬ编辑工具具说是一个不错的东西，速度快而且稳定，而且还是开源的。以前我一直在写ＡＳＰ代码，所以都是用的国产的eWebEditor。现在写ＪＳＰ代码，所以就用到FCKeditor了。网上很多文章介绍它都是ＡＳＰ程序的，现在我把它如何加入ＪＳＰ的方法，写出来

先去下载一个FCKeditor，我下的是2.3版。再下一个FCKeditor.java 2.3 (FCKeditot for java) 这个文件就是用来让它支持ＪＳＰ的。这里面还有一个东西，要下，就是xalan.jar。为什么要下呢，后面我们就知道了。xalan.jar的下载不太好找，xml.apache.org这个是它的网站，可以下一个。

好了，现在我们开始设置，先到tomcat->webapps里建立一个文件夹叫mysite。把FCKeditor里的/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copymysite文件夹里，因为别的文件对我们来说没有什么意义，还占用空间。再把FCKeditor.java 2.3中的web目录下的WEB-INF目录copy到mysite下(里面有commons-fileupload.jar, FCKeditor-2.3.jar,web.xml等几个文件), 把其中的src目录下的FCKeditor.tld文件copy到mysite/WEB-INF/下.这样它才支持ＪＳＰ。

下面我们就要对其中的一些文件进行修改，不然不好用：

打开fckconfig.js 文件

修改 FCKConfig.DefaultLanguage = 'zh-cn' ;
把FCKConfig.LinkBrowserURL等的值替换成以下内容：
FCKConfig.LinkBrowserURL =
    FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;

FCKConfig.ImageBrowserURL =
    FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;

FCKConfig.FlashBrowserURL =
    FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;

打开WEB-INF下面的web.xml文件：

把SimpleUploader中的配置属性enabled定义为true(开启文件上传功能）
添加标签定义:
<taglib>
<taglib-uri>/mysite</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>

这样文件就设置完了。

这时建立一个文件试试。建立一个叫aaa.jsp的文件

在里面写上

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" import="java.util.*" import="java.text.*" errorPage="" %>
<%@ page language="java" import="com.fredck.FCKeditor.*" %>
<%@ taglib uri="/mysite" prefix="FCK" %>
<script type="text/javascript" src="/mysite/fckeditor.js"></script>

<form method="POST" action="Bs_Bulletin_save.jsp">
   <table width="100%" border="0" cellspacing="1" cellpadding="2">
   　　<tr>
                  <td width="19%" bgcolor="#F0F0F0" height="25" align="right">
                    标题：
      </td>
      <td width="81%" bgcolor="#F0F0F0"><INPUT TYPE="text" NAME="title" size="58"></td>
       </tr>
    <tr>
    <td width="19%" height="300" bgcolor="#F0F0F0"> <div align="center">中文信息设置<BR><BR>
        <span style="color: #FF0000">支持html（图片大小宽度不要超过170个象素）</span></div></td>
    <td width="81%" bgcolor="#F0F0F0">
                   <textarea name="content" cols="58" rows="15"></textarea>
       <script type="text/javascript">
                      var oFCKeditor = new FCKeditor('content') ;
                      oFCKeditor.BasePath = "/mysite/" ;
                      oFCKeditor.Height = 400;
                      oFCKeditor.ToolbarSet = "Default" ;
                      oFCKeditor.ReplaceTextarea();
                   </script>
                </td>
    </tr>