怎么在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 2.6.6是一个经典的在线文本编辑器,尽管现在有更多先进的替代品,但它仍因其易用性、可配置性和兼容性在某些项目中占有一席之地。对于那些需要快速集成富文本编辑功能的开发者,FCKeditor无疑是...
**FCKEditor使用帮助文档** ...通过持续学习和实践,你可以根据项目需求定制FCKEditor,使其更好地服务于你的Web应用。在遇到问题时,查阅官方文档、社区资源和已有的解决方案,通常都能找到解答。
总结,FCKeditor 2.6.3 for PHP是一款实用的富文本编辑工具,通过合理的配置和使用,能够极大地提升Web应用中的文本编辑体验。通过学习提供的教程和文档,你可以熟练掌握其安装、配置和扩展,使其在项目中发挥出应有...
**FCKeditor的安装与集成** 在使用FCKeditor之前,你需要先下载相应的版本并将其部署到你的项目中。下载完成后,将FCKeditor解压,然后将解压后的文件夹放入你的Web应用程序的适当目录下。接着,你需要在HTML或...
总结来说,fckeditor的配置是一个涉及多个方面的过程,涵盖了编辑器的基础设置、工具栏定制、语言选项、上传功能、以及个性化开发等多个环节。通过深入学习和实践,我们可以灵活地调整FCKeditor以适应各种应用场景。
在实际应用中,你可以通过FCKeditor提供的示例代码学习如何在Java Web项目中集成和使用编辑器。例如,创建一个简单的表单页面,用户在FCKeditor中编辑内容,点击提交按钮后,后台Java代码接收到富文本内容,进行处理...
总结来说,Java与FCKeditor的结合使得开发者能够为Web应用提供强大的文本编辑功能。通过理解FCKeditor的工作原理,配置前端和后端的交互,以及处理富文本内容,你可以构建出用户友好的编辑界面。在实践中,不断学习...
3. **监控与审计**:实验过程中,应记录所有操作,以便于后续分析和学习。 #### 六、总结 通过对FCKeditor漏洞实验环境的搭建与实践,我们可以更深入地理解其工作原理和潜在的安全风险,这对于提高网站系统的安全...
【JSP与FCKeditor整合】 在Web开发中,JSP(JavaServer Pages)是一种动态网页技术,常用于构建服务器端的交互式应用程序。FCKeditor则是一款强大的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑,包括...
**标题:“FCKeditor2.3在线编辑器”** **一、FCKeditor简介** FCKeditor是一款开源的...通过深入学习和使用FCKeditor2.3,开发者不仅可以掌握在线编辑器的基本工作原理,还能为今后的项目开发积累宝贵经验。
总结起来,这个FCKeditor2.6.3 .NET2.0 C#的经典实例是一个完整的解决方案,展示了如何在C#环境中有效地集成和使用FCKeditor,特别是针对文件上传功能的优化。对于任何希望在.NET平台上使用富文本编辑器的开发者来说...
总结,这个"Fckeditor测试案例"展示了如何在Java环境中集成和使用FCKeditor进行文件上传。通过学习和实践这个案例,开发者不仅可以掌握FCKeditor的基本用法,还能了解到如何在Web应用中安全地处理文件上传,这对于...
总结来说,FCKeditor2.6.3b是一款优秀的富文本编辑器,与Java和JSP的整合能够为Web应用带来强大的文本编辑功能。通过学习和掌握其使用,开发者能够提升用户体验,简化内容管理,同时SLF4j的使用则为项目的维护提供了...
这个fckDemo项目简化了开发者学习和使用FCKeditor的过程,可以直接在Eclipse或MyEclipse中运行,方便地测试和调试图片、Flash等媒体的上传功能。通过深入理解和实践这个示例,你可以更好地掌握FCKeditor的运用,提升...
总结,这个JSP工程源代码提供了使用FCKeditor 2.6.3版本的一个实例,特别是实现了图片上传功能,涉及到了前端的富文本编辑和后端的文件处理逻辑,对于学习和理解JSP、JavaScript以及文件上传的实践有很好的参考价值...
通过深入学习和实践,开发者能够熟练地在项目中集成和定制FCKeditor,提升网站内容编辑的便捷性和用户体验。在不断发展的Web技术环境下,了解和掌握富文本编辑器的原理和使用方法,对于提高Web应用的开发效率和质量...
总结,FCKeditor.Net_2.6.3作为一款经典的在线编辑器,它在Web开发领域留下了深刻的印记。虽然如今已有更先进的替代品,但它的设计理念和功能设置仍然值得我们学习和借鉴。对于那些需要处理Web页面内容编辑的开发者...
总结来说,FCKeditor.Net_2.6.3是一个强大的.NET富文本编辑器组件,它的使用不仅可以提升用户体验,也能让开发者更加专注于业务逻辑的实现。通过合理的配置和应用,开发者可以在ASP.NET项目中充分利用其功能,创建出...
总结来说,“fckeditor”的实例是一个很好的学习资源,它让我们能够了解和实践富文本编辑器的使用,对于前端开发者或者内容管理系统的设计者而言,具有很高的参考价值。通过深入研究这个实例,我们可以掌握如何在...
FCKeditor是一款功能强大的开源在线文本编辑器(DHTML editor),它使你在web上可以使用类似微软Word 的桌面文本编辑器...这种培训方式为“视频预习+网上交流+面授引导+视频学习+面授归纳总结+笔试与面试就业突击强训”。