在jsp中使用FCKeditor插件做编辑器

     在做项目的时候，我们经常要发布文章或者更新系统信息，一般情况下我们都会使用input输入框、textarea等HTML控件来作为输入框，但是对于发布出的信息没有格式，保存的只是纯文本，我们希望能够像qq空间一样，能够将自己输入的格式原样显示出来。显然如果自己去写一个这样的插件，对于开发系统的同学来说这样是非常费时间的，并且开发出的效果可能并不尽如人意，所以我们更愿意借助插件进行开发。

     FCKeditor插件应该说使用起来非常方便，很多资料都给了很详细的说明，但是对于jsp中如何部署和使用，以及部署过程中可能出现的问题并没有详细说明。在简单实验测试之后，将测试过程和结果简单记录如下：

    1、开发环境

    MyEclipse8.5、jdk1.8.0_25、SQLServer2012

    2、项目框架

    SSH(Spring MVC也可用)

    3、测试步骤

      下载FCKeditor插件，解压；

      在项目WebRoot下新建文件夹fckeditor;

      将解压文件中的editor文件夹以及fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml四个文件复制到fckeditor文件夹中；

      在使用编辑的页面加入代码：

<script type="text/javascript" src="<%=basePath%>fckeditor/fckeditor.js"></script>

<textarea name="company.companyIntroduce"
style="width: 600px" id="introduce" cols="60" rows="10"/>${company.companyIntroduce}

</textarea>

<script type="text/javascript">

  var sBasePath =document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ;
 var oFCKeditor = new FCKeditor( 'company.companyIntroduce' ) ;
oFCKeditor.BasePath = sBasePath ;
oFCKeditor.Height = 300 ;
oFCKeditor.Value = '' ;
oFCKeditor.ReplaceTextarea();
</script>
<br />

以上company.companyIntroduce表示修改的对象为company，本文介绍的使用编辑器即为companyIntroduce属性，<textarea>使用方法和HTML一模一样，oFCKeditor.ReplaceTextarea();表示用插件替换上述<textarea>，这两者name一定要一模一样。至于Java后台接收值，只考虑获取<textarea>即可。

4、部署完成，开始测试

测试过程开启浏览器F12，过程中可能会报404错误，显示editor文件夹下fckeditor.html找不到。

问题解决：在fckeditor.js文件打开

修改FCKeditor.BasePath = '/fckeditor/' ;

改为FCKeditor.BasePath = '/hotelWifiSys/fckeditor/' ;（hotelWifiSys为我的项目名，大家测试记得不要按这个照搬）

5、部署完成，测试结果

目前暂时没有测试使用编辑框上传图片等功能，只是简单的做编辑和排版，如果只需要简单功能的可以按以上步骤实施。目前有很多博客介绍的非常详细，功能也很全面，但是要使用FCKeditor.java-2.3.2以及修改web.xml等，本文介绍的相对简单。