使用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.onload=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>调用

阅读更多
个人分类: java
想对作者说点什么? 我来说一句

fckeditor中添加自动排版功能

2013年01月31日 154KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭