隨筆分類(157)

使用Fckeditor的話，如果文本內(nèi)容過(guò)長(zhǎng)，可以自己去設(shè)計(jì)一個(gè)分頁(yè)的方法。我想了一個(gè)方法，是另外建立2個(gè)表，為一對(duì)多關(guān)系：文章表——頁(yè)面表。輸入方式是用一個(gè)大的表單，里面可以有一個(gè)ADD的按鈕來(lái)自行使用DOM來(lái)增加TEXT輸入框數(shù)目，一個(gè)TEXT輸入框?yàn)橐粋€(gè)頁(yè)。提交之后批量添加到頁(yè)面表里，一個(gè)頁(yè)面是一條記錄。顯示的時(shí)候按照平時(shí)做分頁(yè)的方法來(lái)做。下面先貼上正常使用FCKeditor的方法：

去下載了FCKeditor_2.5.1.zip和FCKeditor-2.3.zip，一個(gè)是JAVA版本的文件，一個(gè)是FCK原本的文件。擺放的方式大概如下圖：


web.xml加入代碼：

 <!-- fckeditor -->

  <servlet>

        <servlet-name>Connector</servlet-name>
        <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
        <init-param>
            <param-name>baseDir</param-name>
            <!-- 此為文件瀏覽路徑 -->
            <param-value>/UserFiles/</param-value>
        </init-param>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet>
        <servlet-name>SimpleUploader</servlet-name>
        <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
        <init-param>
            <param-name>baseDir</param-name>
            <!-- 此為文件上傳路徑，需要在WebRoot 目錄下新建 UserFiles 文件夾 -->
            <!-- 根據(jù)文件的類型還需要新建相關(guān)的文件夾 Image、 Flash -->
            <param-value>/UserFiles/</param-value>
        </init-param>

        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>

            <!-- 此參數(shù)為是否開(kāi)啟上傳功能 -->
            <param-name>enabled</param-name>
            <param-value>false</param-value>
        </init-param>

        <init-param>
            <param-name>AllowedExtensionsFile</param-name>
            <param-value></param-value>
        </init-param>

        <init-param>
            <!-- 此參數(shù)為文件過(guò)濾，以下的文件類型都不可以上傳 -->
            <param-name>DeniedExtensionsFile</param-name>
            <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
        </init-param>

        <init-param>
            <param-name>AllowedExtensionsImage</param-name>
            <param-value>jpg|gif|jpeg|png|bmp</param-value>
        </init-param>

        <init-param>
            <param-name>DeniedExtensionsImage</param-name>
            <param-value></param-value>
        </init-param>

        <init-param>
            <param-name>AllowedExtensionsFlash</param-name>
            <param-value>swf|fla</param-value>
        </init-param>

        <init-param>
            <param-name>DeniedExtensionsFlash</param-name>
            <param-value></param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>  

  <servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
  </servlet-mapping>

  <servlet-mapping>
    <servlet-name>SimpleUploader</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
  </servlet-mapping>

輸入的jsp文件類似如下：

  <html:form action="/fck" method="post">
    <fck:editor id = "fcktext" basePath = "/new1/FCKeditor/"
    height = "100%"
    skinPath = "/new1/FCKeditor/editor/skins/default/"
    toolbarSet = "Default"
        imageBrowserURL = "/new1/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
        linkBrowserURL = "/new1/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
        flashBrowserURL = "/new1/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
    imageUploadURL = "/new1/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
       linkUploadURL = "/new1/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
       flashUploadURL = "/new1/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash" >
    </fck:editor>
    <html:submit/><html:cancel/>
    </html:form>

其中的id是對(duì)應(yīng)于ActionForm與validationv.xml里的property。分別類似如下：

  String strfcktext = fckForm.getString("fcktext");

<form name="fckForm">
        <field property="fcktext" depends="required">
       <arg key="fckForm.fcktext"/>    
       </field>  
   </form>

另外需要注意的是，如果顯示找不到頁(yè)面的錯(cuò)誤，應(yīng)該是form里FCK相關(guān)的路徑設(shè)置不正確。數(shù)據(jù)庫(kù)段的字段也需要設(shè)置足夠大。如果傳輸過(guò)程里出現(xiàn)亂碼，可以所有jsp頁(yè)面加入：<%@ page language="java" contentType="text/html; charset=UTF-8"%>，在web.xml里加入u-f8 filter：

<!-- u-f8 filter -->
  <filter>
  <filter-name>encodingFilter</filter-name>
  <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
  <init-param>
   <param-name>encoding</param-name>
   <param-value>UTF-8</param-value>
  </init-param>
 </filter>

 <filter-mapping>
  <filter-name>encodingFilter</filter-name>
  <url-pattern>*.do</url-pattern>
 </filter-mapping>

 <filter-mapping>
  <filter-name>encodingFilter</filter-name>
  <url-pattern>*.jsp</url-pattern>
 </filter-mapping>