zoukankan      html  css  js  c++  java
  • ckeditor+ckfinder+java

    (java)Ckdeitor+ckfinder整合

    1. 第一步:工具下载

    首先下载:CKEditor

    地址:http://cdeditor.com/dowmload

    接着下载CKFinder

    地址:http://cksource.com/ckfinder/download

    第二步:新建项目(ckeditor)

    第三步:整合

    解压ckeditor压缩包,然后将ckeditor文件夹全部考到WebRoot跟目录下。完成后项目结构如下图:

    修改ckeditor文件夹下的config.js文件,代码如下

    CKEDITOR.editorConfig = function( config ) {

           // Define changes to default configuration here.

           // For the complete reference:

           // http://docs.ckeditor.com/#!/api/CKEDITOR.config

           // The toolbar groups arrangement, optimized for two toolbar rows.

           config.toolbarGroups = [

                  { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },

                  { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },

                  { name: 'links' },

                  { name: 'insert' },

                  { name: 'forms' },

                  { name: 'tools' },

                  { name: 'document',          groups: [ 'mode', 'document', 'doctools' ] },

                  { name: 'others' },

                  '/',

                  { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },

                  { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },

                  { name: 'styles' },

                  { name: 'colors' },

                  { name: 'about' }

           ];

           // Remove some buttons, provided by the standard plugins, which we don't

           // need to have in the Standard(s) toolbar.

           config.removeButtons = 'Underline,Subscript,Superscript';

           // Se the most common block elements.

           config.format_tags = 'p;h1;h2;h3;pre';

           // Make dialogs simpler.

           config.removeDialogTabs = 'image:advanced;link:advanced';

           config.uiColor = '#F7F8F9';

    //我测试有这句会报错。Falseconfig找不到

           //config.scayt_autoStartup = falseconfig.language = 'zh-cn';

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

        config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';

        config.filebrowserFlashBrowseUrl = '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';

          

    (这个是c#的配置方法)

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

    //     config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';

    //     config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';

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

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

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

    };

    接着解压:ckfinder_java_2.4.zip,将ckfinder_java_2.4/ckfinder下的CKFinderJava-2.4.war(如果不能打开,可直接修改后缀名为.zip)再次解压,找到CKFinderJava下的ckfinder文件夹,将其拷贝到WebRoot跟目录下。

    接下来 整合所需要的jar包,到刚才解压的war包,(CKFinderJava-2.4.war)下找,位置如下:

    CKFinderJava-2.4WEB-INFlib  所需jar包(拷贝到WEB-INFd的lib目录下)

    接着把配置文件:config.xml、web.xml也拷贝到WebRoot/WEB-INF下(如果以前是web项目只需把web.xml文件的内容拷贝到以前的web.xml中即可),配置文件同样到刚才解压的war包下找,

    打开config.xml

    第15行的<enabled>true</enabled>改为<enabled>true</enabled>

    第21行的<baseURL>/CKFinderJava/userfiles/</baseURL>改为<baseURL>/ckeditor/userfiles/</baseURL>

    注:此处的ckeditor是根据你的项目名定的

    在WebRoot下新建index.jsp,<head></head>里面加入

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

    <%

    String path = request.getContextPath();

    System.out.println(path);

    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

    %>

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

      <head>

        <base href="<%=basePath%>">

       

        <title>My JSP 'index.jsp' starting page</title>

        <meta http-equiv="pragma" content="no-cache">

        <meta http-equiv="cache-control" content="no-cache">

        <meta http-equiv="expires" content="0">   

        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

        <meta http-equiv="description" content="This is my page">

        <!--

        <link rel="stylesheet" type="text/css" href="styles.css">

        -->

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

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

        <script type="text/javascript" language="javascript">

            window.onload = function()

        {       CKDEITOR.replace("txtContents");

        //  var editor = CKDEITOR.replace( 'txtContents');

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

     

        };

     

          

        </script>

      </head>

     

      <body>

        <textarea id="txtContents" name="txtContents" class="ckeditor" row="10" cols="80"></textarea>

      </body>

    </html>

  • 相关阅读:
    iaas,paas,saas理解
    July 06th. 2018, Week 27th. Friday
    July 05th. 2018, Week 27th. Thursday
    July 04th. 2018, Week 27th. Wednesday
    July 03rd. 2018, Week 27th. Tuesday
    July 02nd. 2018, Week 27th. Monday
    July 01st. 2018, Week 27th. Sunday
    June 30th. 2018, Week 26th. Saturday
    June 29th. 2018, Week 26th. Friday
    June 28th. 2018, Week 26th. Thursday
  • 原文地址:https://www.cnblogs.com/wangliansong/p/3298466.html
Copyright © 2011-2022 走看看