FCKEditor2.6.3配合Java的使用步驟 (后臺(tái)文本編輯器)
FCKEditor是一個(gè)很好的用于Web頁(yè)面中的格式化文本編譯控件。現(xiàn)在越來(lái)越多的論壇的發(fā)帖頁(yè)面中更多的使用了這個(gè)控件,我們這里將如何在基于Java的web開(kāi)發(fā)中使用FCKEditor控件的步驟提供給大家,為的是讓更多的java開(kāi)發(fā)者花費(fèi)更少的時(shí)間去做重復(fù)勞動(dòng)。
首先去下載FCKEditor2.6.3(當(dāng)然本文編寫(xiě)的時(shí)候,這個(gè)是最新版本,也許你現(xiàn)在看到的已經(jīng)是更新的版本了,那么可能某些配置辦法已經(jīng)變化了,本文也將跟進(jìn)以保持最新動(dòng)態(tài),相反如果你使用的舊版本的控件,其配置和使用方法也有所區(qū)別),下載地址:http://www.fckeditor.net/download,我們需要下載兩個(gè)文件
第一是FCKeditor_2.6.3.zip,就是FCKEditor的控件;
第二是FCKeditor.Java(fckeditor-java-2.4.1-bin.zip),就是在Java代碼中使用FCKEditor的相關(guān)工具類;
有了這兩個(gè)文件,使用FCKEditor的基礎(chǔ)就具備了,接下來(lái)我們要做兩件事情,一件事情就是要把FCKEditor控件放到web項(xiàng)目中,這個(gè)控件是用于網(wǎng)頁(yè)的,所以其代碼是使用JavaScript腳本編寫(xiě)的,需要和web網(wǎng)頁(yè)一起被下載的瀏覽器上才能執(zhí)行,第二件事情就是這個(gè)網(wǎng)頁(yè)上的控件因?yàn)橹С謭D片的上傳與下載,所以在上傳與下載的時(shí)候需要服務(wù)端的支持,那么我們我的java服務(wù)端如何支持這個(gè)控件的工作呢?FCKEditor自身提供了相關(guān)的java工具,就是我們下載的第二個(gè)文件。因此我們要做的第二件事情就是在服務(wù)端配置java工具,使得FCKEditor控件在處理上傳圖片時(shí)能夠正確工作。
接下來(lái)我們就開(kāi)始對(duì)配置FCKEditor控件進(jìn)行兩項(xiàng)工作:
第一:解壓縮FCKeditor_2.6.3.zip,在其中我們能找到一個(gè)文件夾叫fckeditor,那么將這個(gè)文件夾整個(gè)復(fù)制到你的web應(yīng)用的根目錄下,就是存放jsp頁(yè)面的地方。
第二:解壓縮fckeditor-java-2.4.1-bin.zip,將這樣幾個(gè)jar文件復(fù)制到web應(yīng)用的WEB-INF\lib目錄中(commons-fileupload-1.2.1.jar,commons-io-1.3.2.jar,java-core-2.4.1.jar,slf4j-api-1.5.2.jar,slf4j-simple-1.5.2.jar),其中最后一個(gè)文件在這個(gè)zip包中可能不存在,那么你可以去這個(gè)鏈接地址下載一個(gè)文件叫fckeditor-java-2.4.1-bin.zip (下載地址:http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511),在這個(gè)war文件中的lib中存在上述的5個(gè)jar文件,其實(shí)在war中也包含了FCKEditor控件的內(nèi)容,也就是說(shuō)如果你只是下載了war也可以了。然后在classpath目錄中創(chuàng)建一個(gè)名叫為fckeditor.properties的文件,文件中放置一行內(nèi)容為:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl,
在web.xml中添加一個(gè)Servlet的配置,配置內(nèi)容如下:
<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>
好了,現(xiàn)在你已經(jīng)完成了配置的過(guò)程,接下來(lái)我們需要在jsp中使用FCKEditor控件了,在需要使用這個(gè)控件的jsp文件的開(kāi)頭添加標(biāo)簽庫(kù)的引入語(yǔ)句:<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>,在使用控件進(jìn)行文本格式化輸入的地方(原來(lái)你可能使用的textarea標(biāo)簽)使用如下的內(nèi)容來(lái)替換原來(lái)的輸入控件:
<FCK:editor instanceName="EditorDefault">
控件中要顯示的初始內(nèi)容
</FCK:editor>
其中instanceName屬性的值就相當(dāng)于form表單中的input的name值。就是表單提交時(shí)候的鍵值對(duì)中的鍵的名字。
posted on 2012-11-13 16:36 youngturk 閱讀(1020) 評(píng)論(2) 編輯 收藏 所屬分類: JavaScript 、JSP隨筆 、Java基礎(chǔ) 、servlet