fckeditor 的使用方法
通过javascript 调用的的两种方法
第一种:
1,把fckeditor 引入到项目的根目录WebRoot下。
2,在页面引入fckeditor.js 文件。
3,在要使用fckeditor的地方写下如下代码:
<script type="text/javascript">
var fckeditor = new FCKeditor('FCKeditor');
//这里要注意路径在fckeditor前要加入项目名字,fckeditor后面的/不能省。
fckeditor.BasePath="/fckeditor/";
fckeditor.Width="100%"; //设置fckeditor的宽度
fckeditor.Heigth="100%"; //设置fckeditor的高度
fckeditor.Value=" "; //设置fckeditor的初始值
fckeditor.ToolbarSet ="Basic"; //设置工具栏
fckeditor.Create();
</script>
第二种:(替换Textarea)
1,把fckeditor 引入到项目的根目录WebRoot下。
2,在页面引入fckeditor.js 文件。
3,在要使用fckeditor的地方写下如下代码:
<script type="text/javascript">
window.onload = function()
{
var fckeditor =new FCKeditor('fckText');
fckeditor.BasePath="/fckeditor/";
fckeditor.ReplaceTextarea();
}
</script>
4, 在Textarea的name属性里面填上FCKeditor的名称'fckText',就ok了;
在jsp 中通过自定标签调用
1,解压fckeditor-java-2.5,把fckeditor-java-core-2.5.jar 和lib目录下的五个jar包都拷贝到项目的
lib目录里,包括: commons-fileupload-1.2.1.jar,commons-io-1.3.2.jar,imageinfo-1.9.jar,slf4j-api-
1.5.8.jar,slf4j-simple-1.5.8.jar。
2,在jsp页面引入自定义标签,<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%> ;
3, 调用fckeditor, <FCK:editor instanceName="myEditor" basePath="/fckeditor" value=" ">;
// basePath要以/开头,/代表当前工程的路径,一定要设置value且值不能为空,宽度,高度都可以设置
。
配置fckeditor
在默认的fckconfig.js里面可以配置fckeditor,这样配置对项目中所有fckeditor都起作用,使用自定义配
置文件就可以只对某个fckeditor起作用。
使用自定义配置文件:
1,在项目根目录下新建一个js文件,然后根据需求进行配置。
2,引用自定义配置文件有两种方法:第一种是在fckconfig.js里面进行引用,找到
FCKConfig.CustomConfigurationsPath = '/项目名/自定义js名',注意路径;这样配置就对项目中所有fckeditor
都起作用。 第二种是在页面中调用fckeditor时进行配置 如:fckeditor.Config["CustomConfigurationsPath"]
="/项目名/自定义配置文件名"; 这样配置只对单个fckeditor起作用。
注意: 如果有自定义配置文件,则会覆盖相同的配置项。
fckeditor 文件上传
1, 在web.xml中加入
<servlet>
<servlet-name>ConnectorServlet</servlet-name>
<servlet-class>
net.fckeditor.connector.ConnectorServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>ConnectorServlet</servlet-name>
<url-pattern>
/fckeditor/editor/filemanager/connectors/*
</url-pattern>
</servlet-mapping>
2,在classpath 路径下创建fckeditor.properties文件
connector.userActionImpl=net.fckeditor.requestcycle.impl.EnabledUserAction
3, 控制允许上传的图片类型
在fckeditor-java-core-2.5.jar下的net.fckeditor.handlers包下找到default.properties,把
connector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|png(设置图片类型) 拷贝出来放到src
下的fckeditor.properties 里,然后在自定义js配置文件或默认的fckconfig.js中找到
FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp)$" 进行设置。
注意:在struts2中使用fckeditor时,要在web.xml中把 <filter-mapping> 中<url-pattern>/*</url-pattern>
中的/*改成*.action。如果在jsp页面上面用到了struts2的tag,那么就要增加一个<filter-
mapping> *.jsp的url-pattern