zoukankan      html  css  js  c++  java
  • 富文本编辑器ckeditor继承

    新建一个web项目ckfinder,导入lib包

    加入java包,编码格式UTF-8

    在WebRoot下添加ckedtior以及ckfinder两个文件夹,将config.xml拷入WEB-INF中

    修改config.xml配置文件

    再修改config.js文件,文件路径指向WebRooT下的ckfinder,并可以修改工具栏显示等。

    web.xml中配置servlet

    <!-- CKEditor+CKFinder文本编辑器,being -->
          <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>  
          <!-- CKEditor+CKFinder文本编辑器,end -->

    在jsp中导入js

    <script type='text/javascript' src='${pageContext.request.contextPath}/ckeditor/ckeditor.js'></script>
    <script type="text/javascript" src='${pageContext.request.contextPath}/ckfinder/ckfinder.js'></script>

    使用按照以下方式:

    效果图:

    上传的文件就在

  • 相关阅读:
    mysql显示乱码
    aws常用命令
    Hive分析窗口函数(一) SUM,AVG,MIN,MAX
    Hive函数介绍
    Apache Drill 调研学习
    公有云与私有云对比分析报告
    python3 使用libvirt 相关安装
    libvirt虚拟库
    Reveal CocoaPods的使用
    AFNetworking 2.0 使用
  • 原文地址:https://www.cnblogs.com/tuifeideyouran/p/5373883.html
Copyright © 2011-2022 走看看