怎么在java web程序中添加fckeditor?
1、下载 fckeditor for java包, 解压放到WebRoot下
2、新建html,内容如下:
a) 注意导入fckeditor.js
b) sBasePath 路径,这是加上了http://192.168.0.141:8012/Demo/的地址。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src="../FCKeditor/fckeditor.js"></script>
<script type="text/javascript">
var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('yx'));
function load(){
var fckobj = new FCKeditor('f_content');
//alert(sBasePath);
fckobj.BasePath = sBasePath +"FCKeditor/" ;
fckobj.Height = 300;
fckobj.Width = 530;
fckobj.ReplaceTextarea();
}
</script>
</head>
<body id="body" onload="load()">
<textarea id="f_content"></textarea>
</body>
</html>
3、拷贝如下内容到web.xml中:
a) 注意baseDir是上传文件地址
b ) 拷贝fckeditor-java-core-2.4.1.jar、slf4j-api-1.5.2.jar、slf4j-simple-1.5.2.jar、commons-io- 1.3.2.jar、commons-fileupload-1.2.1.jar到classpath中
<!-- fckeditor upload servlet begin -->
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>
net.fckeditor.connector.ConnectorServlet
</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>userfiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<!-- Do not wrap this line otherwise Glassfish will fail to load this file -->
<url-pattern>/FCKeditor/editor/filemanager/connectors/*</url-pattern>
</servlet-mapping>
4、文件目录解释:
该目录为FCKeditor的核心目录,包含了FCKeditor的核心文件,其中:
(1) _source为FCKEditor的源文件目录
(2) css为FCKeditor的样式文件目录
(3) dialog为FCKeditor工具栏中相应的工具按钮的弹出对话框文件目录
(4) filemanager为FCKeditor处理文件上传的文件目录
(5) images为FCKeditor中增加表情头像等资源的图像文件目录
(6) js为FCKeditor的核心javascript文件目录
(7) lang为FCKeditor的语言文件目录,包含国际化支持。
(8) plugins为FCKeditor的插件目录,FCKeditor的插件开发文件都放入该目录
(9) skins为FCKeditor的皮肤文件,自带三种皮肤文件default,office2003和silver。
5、拷贝fckeditor.properties到classpath下,实例内容为:
connector.userActionImpl=com.huitu.khms.util.UserActionImpl
connector.resourceType.flash.extensions.allowed=swf|fla|mpg|asf|wma|wmv|avi|mov|mp3|rmvb|mid
UserActionImpl
package com.huitu.khms.util;
import javax.servlet.http.HttpServletRequest;
import net.fckeditor.requestcycle.UserAction;
public class UserActionImpl implements UserAction {
public boolean isEnabledForFileBrowsing(HttpServletRequest req) {
return true;
}
public boolean isEnabledForFileUpload(HttpServletRequest req) {
return true;
}
}
ok了
分享到:
相关推荐
Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤Fckeditor皮肤
FCKeditor漏洞总结。很全面!基本上FCK那些漏洞都在这里面!
FCKeditor 学习笔记
开发论坛系统等都需要整合Fckeditor,这个压缩包包含了Fckeditor的配置和整合Struts2的例子,不错哦。
fckeditor学习笔记 FCKEditor的调用: 方法一:通过javascript调用(前提是在head里要引入<script type="text/javascript" src="fckeditor/fckeditor.js">文件) 1.创建并输出一个编辑器(参见fckeditortest项目test1...
FCKEDITOR学习笔记资料.pdf
ext和fckeditor结合使用。解决了ext编辑器的不足之处。
fckeditor与swfupload实例,内有详细配置说明,请参见两个项目中的readme,fckeditor包含控件dll
FCKeditor_2.6.5与FCKeditor_2.6.3FCKeditor_2.6.5与FCKeditor_2.6.3FCKeditor_2.6.5与FCKeditor_2.6.3FCKeditor_2.6.5与FCKeditor_2.6.3FCKeditor_2.6.5与FCKeditor_2.6.3
FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3
FCKEDITOR-2.6.3 代码高亮与图片水印 VS2005,VS2008下. FCKeditor增加了代码高亮显示,和图片水印功能 经过X8023Z团队修改精简.并附个人配置经验. 常见错误问题: 1:找不到文件,那就是说路径没有设置好. <add key="...
FCKEditor 使用经 验总结
fckeditor 源码 demo fckeditor 源码 demo fckeditor 源码 demo fckeditor 源码 demo
FCKeditor上传图片 FCKeditor配置 FCKeditor在jsp中使用 ,加载到myeclipse 中就可以跑起来,源码很清晰
fckEditor,fckEditor,fckEditor
fckeditor-java-2.6-bin.zip fckeditor-java-2.6-src.zip FCKeditor_2.6.6.zip fckeditor-java-demo-2.6.war
2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置) 3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问: ...
1 FCKeditor的下载及介绍 4 1.1 下载地址 4 1.2 FCKeditor下载包的介绍 4 2 FCKeditor的目录和文件精简 4 3 在页面创建FCKeditor 4 3.1 Js创建FCKeditor实例: 4 3.1.1 方法一:内嵌方法(推荐) 4 3.1.2 方法二:替换...
fckeditor api fckeditor api fckeditor api fckeditor api fckeditor api fckeditor apifckeditor api
FCKeditor开发jar包及fckeditor文件夹