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>

    使用按照以下方式:

    效果图:

    上传的文件就在

  • 相关阅读:
    prepareSlideshow函数
    moveElement函数与positionMessage函数
    function styleElementSiblings函数与 addClass函数
    stribeTables函数与highlightRows函数
    确定股票见底的六大信号
    调整期六招教你猎杀未来牛股
    王者-甄别同一板块强弱股的方法【真假美猴王】
    王者--分时图五要素教你抓涨停板股票
    王者-【注册制将利好哪些股票】
    王者--看盘口特点猎杀强庄股
  • 原文地址:https://www.cnblogs.com/tuifeideyouran/p/5373883.html
Copyright © 2011-2022 走看看