使用fckeditor插件

FCK调用主要有 2  种方式:

  1 利用JavaScript 方式调用:

  2 利用JSP 自定义标签使用:

 一 利用JavaScript方式调用FCK 又有两种方法:

   (1)利用JS 直接创建一个FCK对象,并创建一个编辑区;

      @利用JS 直接创建一个FCK 对象,并创建一个编辑区:

     第一步:在页面代码中引入FCK 所用到的JS库:

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

    src="" 的路径是相对于本页面的相对路径。

    第二步:在页面需要的区域中绘制编辑区:

     <script type=”text/javascript”>

       Var oFCKeditor =new FCKeditor(‘FCKeditor1’);//新建一个实例,

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

       oFCKeditor.Creator();

    </script>

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

  FCK對象的BasePath屬性指的是FCKeditor 所有文件所在的路径,该路径对应

   的是FCKeditor所有的文件在项目中的路径,因为我们项目的根路径一般都是默认的webapps(即 --/),我们的虚拟子目录一般都是我们的项目名,所以应该是上面的路径。

 (2)利用JS 创佳一个FCK对象,替换一个<textarea>元素:

   第一步:同样在页面代码中引入FCK 所用到的JS库:

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

   第二步:在页面中创建一个<textarea>元素

   第三步:写JS脚本创建一个FCK对象,并调用其RepalceTextarea()方法绘制编辑区。

    <script type="text/javascript" >

       window.οnlοad=function(){

         var oFCKeditor =new FCKeditor('FCKeditor1');

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

         oFCKeditor.ReplaceTextarea();   

       }

    </script>

  </head>

  <body> 

  <textarea rows="10" cols="100" id="FCKeditor1" name="FCKeditor1"></textarea>

  </body>

注意:这种法创建编辑去,创建的FCK对象时传入的参数一定要和<textarea>元素的name 和id值一样。

下面给出一些 FCK 对象的 基本属性:

FCK <wbr>调用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值