FCKeditor 初使用

最新推荐文章于 2024-11-01 10:53:53 发布

最新推荐文章于 2024-11-01 10:53:53 发布 · 137 阅读

文章标签：

#fckeditor #JavaScript #JSP #Servlet #HTML #ViewUI

J2SE基础专栏收录该内容

9 篇文章

订阅专栏

本文介绍了从FCKeditor过渡到CKeditor的过程及在HTML和JSP中使用CKeditor替代Textarea的方法。作者分享了如何配置CKeditor，并提供了一个精简版的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");

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

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