您當前位置：首頁 > php開源 > 綜合技術 > FCKeditor最新版本2.4.1 for java 教程

FCKeditor最新版本2.4.1 for java 教程

來源：程序員人生發布時間：2013-10-23 04:16:09 閱讀次數：2979次

　　什么是FckEditor

　　FCKeditor是一個專門使用在網頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕量化，不需要太復雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結合。“FCKeditor”名稱中的“FCK” 是這個編輯器的作者的名字Frederico Caldeira Knabben的縮寫。

　　FCKeditor 相容于絕大部分的網頁瀏覽器，像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在未來的版本也將會加入對 Opera 的支援。

　　目前，fckeditor for java的最新的版本為2.4.1.可以在http://www.fckeditor.net/ 和 http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511下載最新的資源。

　　可以直接下載 fckeditor-java-demo-2.4.1.war 包。

　　第一步：開發環境搭建

　　 Myeclipse6.0.2+eclipse+tomcat5.5.28。開發環境的搭建這里就不詳細描述，請大家參考其他資料。

　　第二步：建立新的工程,工程名稱為TestFCKeditor。內容如圖：

　　第三步：解壓縮fckeditor-java-demo-2.4.1.war

　　　　將fckeditor-java-demo-2.4.1解壓縮后的所有文件拷貝到TestFCKeditor工程的WebRoot下。如圖：

　　注意：

　　這里需要另外添加一個jar包到工程中，serializer.jar。如果不添加該jar包，The Server didn 't send back a proper XML response 會出現這個錯誤，原因是沒有xml解析器。

　　第四步：web.xml文件的配置

　　　　配置web.xml文件，文件內容如下：

以下為引用的內容：

　　<servlet>
　　  <servlet-name>Connector</servlet-name>
　　  <servlet-class>
　　   net.fckeditor.connector.ConnectorServlet
　　  </servlet-class>
　　 </servlet>

　　<servlet-mapping>
　　 <servlet-name>Connector</servlet-name>
　　 <url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
　　 </servlet-mapping>

　　　　2.4.1版本的fckeditor已經不需要配置tld的相關內容，tld文件已經集成在jar包中，只需要在頁面引用的時候直接調用就可以了。

　　第五步：建立test.jsp 內容如下：

以下為引用的內容：

    <%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>FCKeditor2.4.1</title>
  <link href="sample.css" _fcksavedurl=""sample.css"" _fcksavedurl=""sample.css"" _fcksavedurl=""sample.css"" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" href="fckeditor.gif"
    type="image/x-icon" />
  <script type="text/javascript">
   function FCKeditor_OnComplete(editorInstance) {
    window.status = editorInstance.Description;
   }
  </script>
</head>
<body>
<form action="test.jsp" method="post" target="_blank">
  <FCK:editor instanceName="EditorDefault">
   <jsp:attribute name="value"><strong>FCKeditor2.4.1 for java 例子
     </strong>
    </jsp:attribute>
  </FCK:editor>
  </form>
</body>
</html>

　　啟動tomcat，預覽得到的結果：

　　到此，FCKeditor2.4.1運行成功！只需要獲取textarea中的內容即可。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 內容質量、更新頻率、相關性對seo的影響

下一篇 用兩種方法判斷男性女性的存儲過程

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

FCKeditor最新版本2.4.1 for java 教程