FCKEditor 2.6版使用心得

使用FCKEditor要先把整个文件包考到WebContent目录下，我考到了WebContent/login/jsp/目录下，我用的是eclipse

一、创建FCKEditor实例

在页面中使用FCKEditor有2中方法

1、使用js创建对象

这种个人不推荐

2、替换原有的textarea标签

替换的方法是在js中new对象时把textarea的id名传过去

var ofck="";
ofck=new FCKeditor('textarea的id名');
ofck.BasePath = "login/jsp/fckeditor/";//fckeditor目录中editor目录的相对位置
ofck.Width="80%";//设宽度
ofck.Height="200";//高度
ofck.Value="this is value";//设初值
ofck.ReplaceTextarea();//执行替换方法

二、设置上传图片功能

1、在web.xml文件中配servlet信息

就是配servlet

  <servlet>
    <servlet-name>Connector</servlet-name>
    <servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>/login/jsp/fckeditor/editor/filemanager/connectors/*</url-pattern>
  </servlet-mapping>

2、在src中配一个fckeditor.properties，内容如下

connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl

3、修改上传图片的位置

找到fckeditor/editor/filemanager/connectors/目录

根据使用页面的语言修改，默认是php，就改一下php的吧

找到config.php中的$Config['UserFilesPath']修改后面的属性为自己想要的相对路径位置

这个我还没改成功，大概是这么改

4、linux下上传失效的问题

在fckconfig.js中将

var _FileBrowserLanguage
var _QuickUploadLanguage

两项默认的php改为perl

三、获得FCKEditor实例上传含有Html标签代码

var oEditor = FCKeditorAPI.GetInstance('MyTextarea').GetXHTML();
var replacedInfo = oEditor.replace("\n", "");//去掉换行符
replacedInfo = encodeURIComponent(replacedInfo);//将内容编码传送

以上是js代码，页面中必须引用fckeditor.js文件

另外最好处理掉\r和里面的双引号，有图片的还要把src改为自己最后发布的地址

四、自定义FCKEditor

其实就是配fckconfig.js，里面的很多都是数组形式的，不想要哪个就在里面去掉