`
sky_yangwang
  • 浏览: 52706 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

ssh+ckeditor

阅读更多

1ckeditor

1),http://ckeditor.com/download 

CKEditor for Java ---3.6.2下载;---ckeditor-java-3.6.2.war使用Tomcat分发包;---得到ckeditor-java-3.6.2文件内容;

2),复制ckeditor文件夹到项目web根路径下;

3),复制ckeditor-java-core-3.5.3.jar类库到项目web-inf下。

2ckfinder

1),http://ckfinder.com/download 

Java---2.2.1下载;---ckfinder_java_2.2.1.zip解压;---CKFinderJava.war使用Tomcat分发包;---得到CKFinderJava文件;

2)ckfinder

2),复制ckfinder文件夹到项目web根路径下;

3),复制lib下的类库到项目web-inf下(commons-fileupload-1.2.2.jarcommons-io-2.0.1.jar已有,不用复制)。

3,复制CKFinderJava\WEB-INF\config.xml到项目的web-inf下:

Config.xml配置修改:

<enabled>true</enabled>---开启上传;

<baseURL>/sshWeb/WebsiteBackstage/userfiles/</baseURL>---上传文件存放位置;

上传文件、图片、flash的类型配置(先不动);

4ckeditor\config.js修改:

CKEDITOR.editorConfig = function( config )

{

// Define changes to default configuration here. For example:

// config.language = 'fr';

// config.uiColor = '#AADC6E';

config.language =  "zh-cn" ; 

config.filebrowserWindowWidth = '1000';  

    config.filebrowserWindowHeight = '700'

    

config.filebrowserBrowseUrl =  '/sshWeb/ckfinder/ckfinder.html' ;  

    config.filebrowserImageBrowseUrl =  '/sshWeb/ckfinder/ckfinder.html?type=Images' ;  

    config.filebrowserFlashBrowseUrl =  '/sshWeb/ckfinder/ckfinder.html?type=Flash' ;  

    config.filebrowserUploadUrl =  '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files' ;  

    config.filebrowserImageUploadUrl =  '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images' ;  

    config.filebrowserFlashUploadUrl =  '/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash' ;     

};

参考文章:

http://www.cnblogs.com/yezhenhan/archive/2011/12/10/2282986.html 

----------------------------------------------------------------------------------------------------

5,Js写法的页面代码:

<script src="../../ckeditor/ckeditor.js" type="text/javascript"></script>

<script src="../../ckfinder/ckfinder.js" type="text/javascript"></script>

<script src="../js/jquery-1.7.2.js" type="text/javascript"></script>  

<script src="../../ckeditor/adapters/jquery.js" type="text/javascript"></script> 

<s:form action="about_add">

     <s:textfield name="aboutUs.title" label="标题"/>

      <s:textarea name="aboutUs.content" rows="30" cols="50" label="内容"/>

      <script type="text/javascript">  

                 $('#editor').ckeditor();  

                 var editor = CKEDITOR.replace('aboutUs.content');

                 CKFinder.setupCKEditor(editor, '/sshWeb/ckfinder/');

            </script>

     <s:submit/>

</s:form>

6Web.xml配置:

---struts2servlet并存解决方法:使用自定义过滤器,将web.xml中添加的ckfinderservlet过滤内容从struts2过滤中排除;

<filter>  

        <filter-name>MyServlet</filter-name>  

       <filter-class>util.ReDispatcherFilter</filter-class>  

        <init-param>  

      <param-name>includeServlets</param-name>  

       <param-value>connector.java</param-value>  

       </init-param>  

    </filter>  

  <filter-mapping>  

       <filter-name>MyServlet</filter-name>  

        <url-pattern>/*</url-pattern>  

   </filter-mapping>  

      

       <filter>

        <filter-name>struts2</filter-name>

        <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>

   </filter>

   <filter-mapping>  

       <filter-name>struts2</filter-name>  

       <url-pattern>*.action</url-pattern>  

   </filter-mapping>

    <filter-mapping>

        <filter-name>struts2</filter-name>

        <url-pattern>/*</url-pattern>

    </filter-mapping>  

    

    

    <servlet>

<servlet-name>ConnectorServlet</servlet-name>

<servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>

<init-param>

<param-name>XMLConfig</param-name>

<param-value>/WEB-INF/config.xml</param-value>

</init-param>

<init-param>

<param-name>debug</param-name>

<param-value>false</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>ConnectorServlet</servlet-name>

<url-pattern>

/ckfinder/core/connector/java/connector.java

</url-pattern>

</servlet-mapping>

<filter>

<filter-name>FileUploadFilter</filter-name>

<filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>

                <init-param>

                    <param-name>sessionCookieName</param-name>

                    <param-value>JSESSIONID</param-value>

                </init-param>

                <init-param>

                    <param-name>sessionParameterName</param-name>

                    <param-value>jsessionid</param-value>

                </init-param>

</filter>

<filter-mapping>

<filter-name>FileUploadFilter</filter-name>

<url-pattern>

/ckfinder/core/connector/java/connector.java

       </url-pattern>

</filter-mapping>

<session-config>

<session-timeout>10</session-timeout>

</session-config>

    <welcome-file-list>

        <welcome-file>index.html</welcome-file>

</welcome-file-list>

7,自定义过滤器:

import java.io.IOException;

import java.util.ArrayList;

import java.util.Arrays;

import javax.servlet.Filter;

import javax.servlet.FilterChain;

import javax.servlet.FilterConfig;

import javax.servlet.RequestDispatcher;

import javax.servlet.ServletException;

import javax.servlet.ServletRequest;

import javax.servlet.ServletResponse;

import javax.servlet.http.HttpServletRequest;

public class ReDispatcherFilter implements Filter {

public void destroy() {

   // TODO Auto-generated method stub

}

public void doFilter(ServletRequest req, ServletResponse resp,

    FilterChain chain) throws IOException, ServletException 

{

  

   HttpServletRequest request = (HttpServletRequest)req;

   String target = request.getRequestURI();

   target = target.lastIndexOf("?")>0   

      ?target.substring(target.lastIndexOf("/")+1,target.lastIndexOf("?")-target.lastIndexOf("/"))

      :target.substring(target.lastIndexOf("/")+1);

  

   System.out.println(target);

   if(this.includes.contains(target))

   {

    RequestDispatcher rdsp = request.getRequestDispatcher(target);

   

    System.out.println("go..............."+rdsp);

    rdsp.forward(req, resp);

   }

   else

    chain.doFilter(req, resp);

}

private ArrayList<String> includes = new ArrayList<String>();

public void init(FilterConfig config) throws ServletException {

  

   this.includes.addAll( Arrays.asList(config.getInitParameter("includeServlets").split(",")));

}

}

参考文章:

ssh&ckfinder&ckeditor struts2servlet并存解决方法

http://blog.csdn.net/databaseyan/article/details/6914654 

http://hi.baidu.com/xsl2007/blog/item/4eb796cf94e35f0992457e11.html 

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

其它问题:

上传文件中文名问题;

上传文件位置问题;

单纯Ckeditor的使用:

下载最新的ckeditor文件: http://ckeditor.com/download

解压后复制到web层根目录下;

页面引用js:

<script src="ckeditor/ckeditor.js" type="text/javascript"></script>

替换TEXTAREA标签:

<textarea rows="30" cols="50" name="editor01">请输入.</textarea>
<script type="text/javascript">CKEDITOR.replace('editor01');</script>


分享到:
评论

相关推荐

    SSH+URLWriter+AJAX+CKEditor+CKFinder配置示例

    SSH架构实现的Web应用。 其中使用了Struts2+Spring3+Hibernate3+DWR3+CKeditor3+CKFinder2等技术。 本资料主要是框架的配置文件示例。在系统中已经运行成功。 有疑问的请联系QQ四九八三5七七七九 或邮件:...

    ssh+sql+jquery+ckeditor+css2+html5+ext4+swt+xmlhttp+易宝支付帮助文档_各类web开发文档

    标题和描述中提到的"ssh+sql+jquery+ckeditor+css2+html5+ext4+swt+xmlhttp+易宝支付帮助文档_各类web开发文档"是一个综合性的Web开发资源集合,涵盖了多个重要的技术领域。以下是这些技术的详细解释: 1. **SSH ...

    SSH+ExtJs完成CKEditor富文本编辑器整合

    在SSH中集成CKEditor,意味着我们需要在Struts2的Action中处理CKEditor提交的数据,并通过Spring的服务层调用Hibernate进行数据存储。 接着,我们来谈谈ExtJS。这是一个用于创建客户端界面的JavaScript库,它提供了...

    ckeditor+ckfinder+ssh框架

    【ckeditor+ckfinder+ssh框架】的组合是用于构建一个功能强大的在线文本编辑器的解决方案,它可以提供类似于Microsoft Word的编辑体验,并且支持图片和其他媒体文件的上传功能。以下是这个集成的具体实现步骤和相关...

    java_jsp项目源码_企业级新闻系统(SSH+MYSQL).rar

    企业级新闻系统(SSH+MYSQL)是一款基于Java技术栈(SSH:Struts2 + Spring + Hibernate)和MySQL数据库开发的新闻管理系统。该系统旨在帮助企业高效地进行新闻内容的创建、发布、管理和展示,提升企业形象,扩大品牌...

    jsp中ckeditor+ckfinder整合

    ### jsp中ckeditor+ckfinder整合详解 #### 一、前言 在现代网页开发中,富文本编辑器因其强大的编辑功能而被广泛应用于各种场景之中。其中,ckeditor是一款非常流行的开源富文本编辑器,而ckfinder则是一款优秀的...

    基于ssh开发的新闻发布系统

    3. **新闻发布**:提供新闻的创建、编辑和删除功能,可能涉及文本编辑器集成,如CKEditor或TinyMCE,以支持富文本编辑。 4. **图片上传**:系统应包含一个图片上传组件,如利用Apache Commons FileUpload库处理文件...

    SSH框架我的博客(怎么上传个东西这么难)

    在"SSH框架,MYSQL,CKEDITOR配置实现图片上传"这部分,我们可以理解为在CKEditor中集成了图片上传功能,并与MySQL数据库相结合,可能涉及到文件存储路径的配置、数据库表的设计以及后台处理图片上传的Java代码。...

    java开发工程师xx简历.docx

    1. 电子商务平台:参与了一个基于 Spring + SpringMVC + Mybatis + MySQL + zTree + PageHelper + EasyUI + CKeditor + Nginx + Redis 的电子商务平台的开发,负责了商品信息模块和商品管理模块的用户需求分析、文档...

    毕业论文_基于SSH框架的论坛的设计与实现

    这个是本人做的毕业设计,题目叫做基于SSH框架的论坛的设计与实现,集成了Struts2.3.4 Spring3.2 Hibernate4.1.9 Junit4 ,服务器用的是tomcat7.0 开发工具用的是MyEclipse10 数据库用的是MySQL5.5 整体架构为三层...

    个人信息管理系统ssh

    另外,FCK编辑器(现在称为CKEditor)被集成到系统中,用于文本编辑和富文本内容的创建。它提供了丰富的文本格式化选项,使用户能够方便地编辑和发布带有图片、链接等内容的信息。 总的来说,【个人信息管理系统ssh...

    FckEditor在SSH中的配置

    FCKeditor最初由Fernando Montiel和Carlos Díaz创建,现在已发展为CKEditor。它支持多种浏览器,如IE、Firefox、Chrome和Safari,提供丰富的文本编辑功能,如字体样式、颜色、对齐方式、列表、表格、图像处理等。...

    java开发工程师-xx简历.docx

    1. **果蔬预订系统**:这个项目采用了Spring + SpringMVC + Mybatis + Mysql + zTree + PageHelper + EasyUI + CKeditor + Nginx + Redis的技术栈。工程师负责了商品信息和商品管理模块,完成了用户需求分析和文档...

    纯SSH写的简易考研论坛

    6. **ckeditor插件**:CKEditor是一款流行的富文本编辑器,用于提供用户友好的界面来编辑帖子内容。它支持多种格式的文本、图片、链接等,提高了用户体验。 7. **界面设计**:虽然描述中提到界面简单,但仍然涉及了...

    ckeditor5-build-full:包含CKEditor的所有正式构建方法以及一些自定义插件

    # 目前本人自用采用npm私服安装,未发布到npm官方仓库,客观们可以使用如下命令安装:npm i -S https://github.com/letsbug/ckeditor5-build-full.git# or (if you have configured github's SSH key locally)npm i...

    ssh sample_source

    【标题】"SSH Sample Source" 是一个与软件开发相关的主题,特别是涉及到SSH(Spring、Struts、Hibernate)这一经典的Java企业级开发框架的示例源代码。SSH是Java Web开发中常用的三大开源框架的组合,它们分别是...

    CKEditor-Finder整合,图片上传下载精简DEMO

    一个基于CKEditor和CKFinder的基础上整合下来的一个小DEMO 小而精干,我已经将不需要的多余东西全部删除,以此来解放各位“大小控”们。当初是在s2上跑的,但是如果同样放在SpringMvc或者SSH,道理都是一样的,重要...

    SSH框架博客

    总的来说,SSH框架提供了高效、模块化的Java Web开发解决方案,而你的博客项目已经实现了基本的功能,包括CKEDITOR的集成、验证码验证和拦截器的使用,这些都是构建一个健壮的博客系统不可或缺的部分。通过不断学习...

    java整合ssh实现新闻编辑 有图片上传和文档上传 在线编辑器

    **在线编辑器**:为了实现新闻的在线编辑,通常会引入富文本编辑器,如CKEditor或TinyMCE。这些编辑器允许用户在浏览器中直接编辑内容,插入图片,甚至上传文档,并能生成HTML格式的数据。编辑器的输出将作为请求...

    javaee OA源码

    7. **Web编辑器**:`fwebedit.jsp`的出现表明系统可能集成了一个Web编辑器,如TinyMCE或CKEditor,允许用户在浏览器中方便地创建和编辑富文本内容。 8. **个人中心**:`myinfo.jsp`可能包含用户的个人信息展示和...

Global site tag (gtag.js) - Google Analytics