FCKeditor 初使用

昨天研究了下后台在线编辑器的东西。使用了下FCKeditor这个插件，效果还不错。不过目前现在的新版本名字为CKeditor了。  下了FCKeditor最后的一个版本  fckeditor2.6.5，适当做了精简，呵呵。

使用很简单，可以替代Textarea  了，放到文件页面中嵌入即可。

 

顺便写下在Html和jsp中要调用的话，注意的地方时：

1. 导入JS文件包 如

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

 

这里的src 路径可以为绝对路径或者相对路径 我这里是相对路径。

 

2. 在页面的form部分，如下代码即可：

<script type="text/javascript">
   
     var oFCKeditor = new FCKeditor('FCKeditor1') ;  
         oFCKeditor.BasePath= '/fckeditor/fckeditor/';  
         //oFCKeditor.ToolbarSet='Basic';
         oFCKeditor.ToolbarSet='Default';
         oFCKeditor.Height='500px';
         oFCKeditor.Width='800px';
         oFCKeditor.Create() ;
</script>

 

这里的BasePath的路径，最后面一定要带上 “/” 昨天搞半天 出错就这里 呵呵。

其中 FCKeditor1 就是我们的代替的textarea的名字，接受表单提交的内容中 留言部分的内容就使用使用的这个名字来标记的。

比如在servlet中接收表单传递的值： request.getParameter("FCKeditor1");

 

其他具体的属性设置 查看示例文件就可以了。

 

附件是精简后的控件包，去除了不要的多余内容。放在上面保存了哈。