Fckeditor使用方法

测试Fckeditor版本为：2.6.3

JS代码中各个参数具体作用

 

<script type="text/javascript">

        var oFCKeditor = new FCKeditor( 'content' ) ;//此参数会作为提交表单时的参数名
        oFCKeditor.BasePath = "/fckeditor/" ;//一定要指定editor文件夹所在的路径，并且要以'/'结尾
        oFCKeditor.Height   = 300 ;//高度
        oFCKeditor.Value    = '' ;//默认的初始值
        oFCKeditor.ToolbarSet="Basic";//指定工具栏的配置，默认为Default
        //oFCKeditor.Create() ;//在当前位置生成并显示Fckeditor
        oFCKeditor.ReplaceTextarea();//替换指定id或name属性的textarea为Fckeditor
</script>

 

具体使用方法：

1.将解压后的fckeditor整个文件夹复制到Project的WebRoot路径下

2.在要使用Fckeditor的页面，导入fckeditor.js(在fckeditor文件夹里)文件

因为此处使用Fckeditor用到了jQuery，因此相应的jquery.js也要导入

 

<script language="javascript" src="${pageContext.request.contextPath}/script/jquery.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/fckeditor/fckeditor.js" charset="utf-8"></script>

 

3.根据需要适当修改以下JS代码，复制到要使用Fckeditor的页面即可

 

<script type="text/javascript">
        $(function(){
            var fck = new FCKeditor("content");//content为要替换的textarea的name属性
            fck.Width = "99%";
            fck.Height = "100%";
            fck.ToolbarSet = "bbs";//指定工具栏的配置，bbs为我自己修改过的，如果不使用自定义配置文件，此处有Default，Basic两个选择
            fck.BasePath = "${pageContext.request.contextPath}/fckeditor/";
            fck.ReplaceTextarea();
        });
</script>

 

替换成Fckeditor的textarea，名字和上面的替换的名字要一致。

 

<textarea name="content" style="width:650px;height:200px"></textarea>

 

使用自定义的配置文件

1.在fckconfig.js里将FCKConfig.CustomConfigurationsPath = ''修改为：  FCKConfig.CustomConfigurationsPath = FCKConfig.EditorPath + "myconfig.js"  作用：告诉Fckeditor，我有个自定义的配置在该地址下的该文件。

2.在myconfig.js里写想修改的东西，例如：表情，Fckeditor菜单栏的减少等，模版在fckconfig.js里面有，参考着修改即可。没有修改的配置，Fckeditor默认使用自己的默认配置。