JSP中使用FCKeditor

通过JavaScript调用

第一步：将fckeditor的资源文件夹复制到webRoot下

第二步：引人JavaScript文件

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

 

第三步：输出JavaScript调用的代码。

方法一：创建并输入一个编辑器。

 <script type="text/javascript">

   //*创建一个fckeditor的实例叫'FCKeditor1'

  var oFCKeditor = new FCKeditor('FCKeditor1');

  //*BasePath 编辑器的基准路径  默认为：/fckeditor/

  //表示当前站点的路径即：http：//localhost:8080/fckeditor/

  //所以路径为: /工程名/fckeditor/，例：(/FCKTese/fckeditor/)

  oFCKeditor.BasePath = "/FCKTest/fckeditor/";

  oFCKeditor.Width="60%";

  oFCKeditor.Height="500";

  //oFCKeditor.ToolbarSet="Basic";

  //创建fckeditor

  oFCKeditor.Create();

 </script>

 

方法二：用编辑器替换一个testarea元素

在head中添加如下代码：

<script type="text/javascript">

   window.onload = function()

  {

        //MyTextarea为textarea的名称

        var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;

        oFCKeditor.BasePath = "/FCKTest/fckeditor/" ;

        oFCKeditor.ReplaceTextarea() ;

  }

  </script>

在body中添加如下代码：

 <textarea id="MyTextarea" name="MyTextarea"></textarea>

注意：1.BasePath要正确设置

            2.BasePath必须以‘/’结尾

 

Fckeditor对象的属性

 

属性名	描述	默认值
width	宽度	100%
height	高度	200
Value	编辑器初始化内容	（空字符串）
ToolbarSet	工具条集合的名称（内置有default和basic，也可以自己定制）	default
basepath	编辑器的基路径	/fckeditor/

 

 

Fckeditor的构造方法

 

构造器：

Var Fckeditor=function（instanceName，width，height，toolbarSet，value）

其中instanceName为编辑器输出的textarea元素的name属性的值，必须制定

参数会赋值给同名属性

 

在jsp中通过自定义标签调用fckeditor

 

第一步在lib下添加jar包

 

Commons-fileupload-1.2.1.jar和commons-io-1.3.2.jar用于上传下载

Java-core-2.4.1.jar为fckeditor核心包

Slf4j-api-1.5.2.jar为日志

 

§第二步：将fckeditor的资源文件夹复制到webRoot下

§第三步创建自定义标签

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

§第四步引用FckEditor

 <FCK:editor instanceName="user"  basePath="/fckeditor"  width="70%" height=“500” value =“”></FCK:editor>

basePath:以‘/’开头，‘/’代表当前工程的路径，所以使用默认即可

instanceName：必须指定

在老版本中必须指定value 属性并且不能为空字符串 。