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>

  • 相关阅读:
    2018.7.9 模拟赛
    树状数组||归并排序求逆序对+离散化 nlogn
    LCS nlogn
    孤岛营救问题
    [POJ 3621] Sighting Cows
    树状数组求LIS
    nlogn求逆序对&&陌上花开
    最长可重区间集
    LCA模板
    [BZOJ] 4196 [Noi2015]软件包管理器
  • 原文地址:https://www.cnblogs.com/wangliansong/p/3298466.html
Copyright © 2011-2022 走看看