`
flyinglife
  • 浏览: 132335 次
社区版块
存档分类
最新评论

FCKeditor学习与总结

阅读更多

怎么在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 2.6.6是一个经典的在线文本编辑器,尽管现在有更多先进的替代品,但它仍因其易用性、可配置性和兼容性在某些项目中占有一席之地。对于那些需要快速集成富文本编辑功能的开发者,FCKeditor无疑是...

    FCKEditor使用帮助文档

    **FCKEditor使用帮助文档** ...通过持续学习和实践,你可以根据项目需求定制FCKEditor,使其更好地服务于你的Web应用。在遇到问题时,查阅官方文档、社区资源和已有的解决方案,通常都能找到解答。

    fckeditor2.6.3 for php

    总结,FCKeditor 2.6.3 for PHP是一款实用的富文本编辑工具,通过合理的配置和使用,能够极大地提升Web应用中的文本编辑体验。通过学习提供的教程和文档,你可以熟练掌握其安装、配置和扩展,使其在项目中发挥出应有...

    FCKeditorDemo,教你如何使用FCKeditor的相关资料

    **FCKeditor的安装与集成** 在使用FCKeditor之前,你需要先下载相应的版本并将其部署到你的项目中。下载完成后,将FCKeditor解压,然后将解压后的文件夹放入你的Web应用程序的适当目录下。接着,你需要在HTML或...

    fckeditor的配置详解

    总结来说,fckeditor的配置是一个涉及多个方面的过程,涵盖了编辑器的基础设置、工具栏定制、语言选项、上传功能、以及个性化开发等多个环节。通过深入学习和实践,我们可以灵活地调整FCKeditor以适应各种应用场景。

    FCKEditor(Java)完整资料包

    在实际应用中,你可以通过FCKeditor提供的示例代码学习如何在Java Web项目中集成和使用编辑器。例如,创建一个简单的表单页面,用户在FCKeditor中编辑内容,点击提交按钮后,后台Java代码接收到富文本内容,进行处理...

    java与fckeditor例子

    总结来说,Java与FCKeditor的结合使得开发者能够为Web应用提供强大的文本编辑功能。通过理解FCKeditor的工作原理,配置前端和后端的交互,以及处理富文本内容,你可以构建出用户友好的编辑界面。在实践中,不断学习...

    fckeditor漏洞实验环境搭建

    3. **监控与审计**:实验过程中,应记录所有操作,以便于后续分析和学习。 #### 六、总结 通过对FCKeditor漏洞实验环境的搭建与实践,我们可以更深入地理解其工作原理和潜在的安全风险,这对于提高网站系统的安全...

    JSP使用FCKeditor(带上传图片)实例.rar

    【JSP与FCKeditor整合】 在Web开发中,JSP(JavaServer Pages)是一种动态网页技术,常用于构建服务器端的交互式应用程序。FCKeditor则是一款强大的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑,包括...

    FCKeditor2.3在线编辑器

    **标题:“FCKeditor2.3在线编辑器”** **一、FCKeditor简介** FCKeditor是一款开源的...通过深入学习和使用FCKeditor2.3,开发者不仅可以掌握在线编辑器的基本工作原理,还能为今后的项目开发积累宝贵经验。

    FCKeditor应用经典实例

    总结起来,这个FCKeditor2.6.3 .NET2.0 C#的经典实例是一个完整的解决方案,展示了如何在C#环境中有效地集成和使用FCKeditor,特别是针对文件上传功能的优化。对于任何希望在.NET平台上使用富文本编辑器的开发者来说...

    fckeditor测试案例

    总结,这个"Fckeditor测试案例"展示了如何在Java环境中集成和使用FCKeditor进行文件上传。通过学习和实践这个案例,开发者不仅可以掌握FCKeditor的基本用法,还能了解到如何在Web应用中安全地处理文件上传,这对于...

    fckeditor2.6.3b+fckeditor-java-2.4+slf4j-1.5.2

    总结来说,FCKeditor2.6.3b是一款优秀的富文本编辑器,与Java和JSP的整合能够为Web应用带来强大的文本编辑功能。通过学习和掌握其使用,开发者能够提升用户体验,简化内容管理,同时SLF4j的使用则为项目的维护提供了...

    fckeditor示例,可以直接导入eclipse部署运行

    这个fckDemo项目简化了开发者学习和使用FCKeditor的过程,可以直接在Eclipse或MyEclipse中运行,方便地测试和调试图片、Flash等媒体的上传功能。通过深入理解和实践这个示例,你可以更好地掌握FCKeditor的运用,提升...

    jsp版fckeditor 工程源代码(可上传图片)

    总结,这个JSP工程源代码提供了使用FCKeditor 2.6.3版本的一个实例,特别是实现了图片上传功能,涉及到了前端的富文本编辑和后端的文件处理逻辑,对于学习和理解JSP、JavaScript以及文件上传的实践有很好的参考价值...

    网站富文本编辑器Fckeditor在ASP.NET中应用源程序

    通过深入学习和实践,开发者能够熟练地在项目中集成和定制FCKeditor,提升网站内容编辑的便捷性和用户体验。在不断发展的Web技术环境下,了解和掌握富文本编辑器的原理和使用方法,对于提高Web应用的开发效率和质量...

    FCKeditor.Net_2.6.3在线编辑器.rar

    总结,FCKeditor.Net_2.6.3作为一款经典的在线编辑器,它在Web开发领域留下了深刻的印记。虽然如今已有更先进的替代品,但它的设计理念和功能设置仍然值得我们学习和借鉴。对于那些需要处理Web页面内容编辑的开发者...

    FCKeditor.Net_2.6.3

    总结来说,FCKeditor.Net_2.6.3是一个强大的.NET富文本编辑器组件,它的使用不仅可以提升用户体验,也能让开发者更加专注于业务逻辑的实现。通过合理的配置和应用,开发者可以在ASP.NET项目中充分利用其功能,创建出...

    fckeditor

    总结来说,“fckeditor”的实例是一个很好的学习资源,它让我们能够了解和实践富文本编辑器的使用,对于前端开发者或者内容管理系统的设计者而言,具有很高的参考价值。通过深入研究这个实例,我们可以掌握如何在...

    fckeditor视频

    FCKeditor是一款功能强大的开源在线文本编辑器(DHTML editor),它使你在web上可以使用类似微软Word 的桌面文本编辑器...这种培训方式为“视频预习+网上交流+面授引导+视频学习+面授归纳总结+笔试与面试就业突击强训”。

Global site tag (gtag.js) - Google Analytics