FCkeditor+jsp配置執行個體

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

最近在製作公司網站背景時候，為了使發布的資訊更加醒目、特別，決定使用一款線上編輯器對內容進行線上編輯。當時想到了兩個方案，一個是ewebeditor和fckeditor，比較之下決定使用fckeditor，下面說一下具體的配置步驟：

我的開發環境是：myeclipse6.0+tomcat5.5

1、所需要的jar檔案

（1）FCKeditor_2.6.3b.zip (2) fckeditor-java-2.4-bin.zip (3) slf4j-1.5.2.zip

注意，一定要使用以上幾個版本的檔案，否則會因為不匹配造成頁面報錯。剛開始測試的時候我就是因為沒有注意到這個問題造成調試通了，鬱悶了一天。

2、部署檔案

(1) 解壓FCKeditor_2.6.3b.zip，將解壓後的fckeditor檔案夾整個copy到web工程的webroot目錄下。這時，myeclipse可能會提示檔案有錯誤，不用管它。

（2）解壓fckeditor-java-2.4-bin.zip ，將其中的4個jar檔案：fckeditor-java-core-2.4.jar、commons-fileupload01.2.1.jar、 commons-io-1.3.2.jar、slf4j-api-1.5.2.jar 拷貝到web-inf/lib目錄下，同時，將fckeditor-java-core-2.4.jar重新命名為java-core-2.4.jar

(3) 解壓slf4j-1.5.2.zip檔案，將其中的slf4j-simple-1.5.2.jar同樣拷貝到web-inf/lib目錄下

（4）在eclipse中，將這5個jar檔案部署到本項目中

3、執行個體

（1）在src目錄下建立屬性檔案fckeditor.properties，如果沒有此檔案，或不在src目錄下，在上傳檔案時，會提示"Teh current user isn't authorized for browsing!"，檔案內容如下：connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl

（2）修改web.xml檔案

增加一個servlet

<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>
net.fckeditor.connector.ConnectorServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>
/fckeditor/editor/filemanager/connectors/*
</url-pattern>
</servlet-mapping>

(3)編寫測試網頁，我把代碼全貼上來：

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<html>
<head>


    <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">

</head>

<body>
    This is my JSP page. <br>
    <form name="form1" action="index_ok.jsp" method="post" target="_blank">
    <input type="text" name="user" id="user" size="50">
    <input type="text" name="title" id="title" size="80">
    <br><br>
    <FCK:editor instanceName="EditorDefault">
    <jsp:attribute name="value">請在這裡編輯內容：</jsp:attribute>
    </FCK:editor>
    <br>
    <input type="submit" value="提交">
    </form>
</body>
</html>
index_ok.jsp

<%@ page contentType="text/html;charset=gbk"%>
<%
String ed=request.getParameter("EditorDefault");
byte[] b=ed.getBytes("iso-8859-1");
ed=new String(b);
%>
<html>
<head>
<title>
測試fckeditor
</title>
</head>
<body>
<%=ed%>
</body>
</html>

好了，開啟瀏覽器試試看吧！呵呵，每天進步一點點！！！

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More