日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

FCKeditor編輯器在JAVA中的使用與配置方法_JSP教程

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

推薦:JSP實(shí)例:Java實(shí)現(xiàn)隨機(jī)驗(yàn)證碼功能實(shí)例
現(xiàn)在許多系統(tǒng)的注冊(cè)、登錄或者發(fā)布信息模塊都添加的隨機(jī)碼功能,就是為了避免自動(dòng)注冊(cè)程序或者自動(dòng)發(fā)布程序的使用。 驗(yàn)證碼實(shí)際上就是隨機(jī)選擇一些字符以圖片的形式展現(xiàn)在頁(yè)面上,如果進(jìn)行提交操作的同時(shí)需要將圖片上的字符同時(shí)提交,如果提交的字符與服務(wù)器

工作前的準(zhǔn)備

版本是FCKeditor_2.4.2.zip【組件的主文件包】,F(xiàn)CKeditor.Java 2.3.zip【這里面提供了標(biāo)簽庫(kù)和圖片上傳的jar】。這些都可以在http://www.fckeditor.net 網(wǎng)站下載到!

配置

1. 新建工程compass,在WebRoot文件夾下新建文件夾FCKeditor(用來(lái)存放FCKeditor相關(guān)文件,

記得大小寫(xiě)要一致,因?yàn)槿绻阈枰淖兊脑捵兓奈募容^多,而且還不確定是否改全了)

2. 將FCKeditor_2.4.2包中的 editor 文件夾和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml

這四個(gè)文件放到項(xiàng)目中的 FCKeditor 目錄。

3. 將FCKeditor.Java -2.3.zip 包中的 \web\WEB-INF\lib 下的兩個(gè) jar 文件到項(xiàng)目的 WebRoot\WEB-INF\lib目錄下

4. 將FCKeditor.Java -2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到項(xiàng)目的 WebRoot\WEB-INF 目錄

5. 在 WebRoot 目錄下新建 UserFiles 文件夾,在此文件夾下新建 Image、 Flash 、File、Media四個(gè)文件夾 ,他們分別用來(lái)存放上傳的圖片、動(dòng)畫(huà)、文件、媒體文件

6. 修改fckconfig.js組件配置文件【說(shuō)明一下,你可以在配置文件里搜索等號(hào)前面的信息來(lái)確定某一項(xiàng)做更改】:

A、FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;

這是組件的樣式模板,好確定你到底需要使用哪中樣式,這個(gè)根據(jù)你自己的喜好更改,

B、FCKConfig.DefaultLanguage = 'zh-cn' ;

這個(gè)是確定你需要使用哪中語(yǔ)言,設(shè)定成上面的表示使用簡(jiǎn)體中文;

C、更改文件瀏覽的路徑:

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

把相應(yīng)的信息屏蔽掉,使用上面的

D、更改上傳文件的路徑

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;

把相應(yīng)的信息屏蔽掉,使用上面的

7. 修改 web.xml 文件,加入以下內(nèi)容 :

在FCKeditor.Java -2.3.zip 包中有個(gè)web\WEB-INF\WEB.XML,把這個(gè)節(jié)點(diǎn)里面的內(nèi)容復(fù)制到你的工程里面的相應(yīng)的位置,值得說(shuō)明的地方是:

<servlet-name>Connector</servlet-name>
<servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<!-- 此為文件瀏覽路徑,可以只有選擇修改,但切記不可改成“/[工程名]/UserFiles/”
因?yàn)樗壳耙呀?jīng)是在工程的根目錄下來(lái)運(yùn)行的,故如果要把默認(rèn)瀏覽的文件目錄為
webroot\upload目錄,之需要改變成:/upload/,即可 -->
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<!-- 此為文件上傳路徑,可以只有選擇修改,但切記不可改成“/[工程名]/UserFiles/”
因?yàn)樗壳耙呀?jīng)是在工程的根目錄下來(lái)運(yùn)行的,故如果要把上傳的文件放到webroot\upload目錄下,
之需要改變成:/rpload/,即可 -->
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<!-- 記得要改變這里,把FALSE改變成TRUE,這個(gè)是是否啟用上傳功能 -->
<param-name>enabled</param-name>
<param-value>true</param-value>
</init-param>
<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>

優(yōu)化

以上都是把組件嵌入進(jìn)工程的 配置過(guò)程,下面我們來(lái)把組件壓縮優(yōu)化一下,把無(wú)用的文件給剔除掉:

刪除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目錄下所有的文件,這些是用來(lái)瀏覽文件的,對(duì)于jsp的話是使用了 servlet 來(lái)處理,所以這些文件都是多余的

刪除 \WebRoot\FCKeditor\editor\filemanager\upload 目錄下所有的文件

刪除 WebRoot\FCKeditor\editor\lang 目錄下不需要的語(yǔ)言,如保留中文【zh-cn.js】和英文[EN.js]還有 fcklanguagemanager.js 文件

刪除 \WebRoot\FCKeditor\editor\skins 目錄下不需要的皮膚文件,有三種皮膚,可根據(jù)需要進(jìn)行刪除

JSP頁(yè)面上的使用

★首先在test.jsp頁(yè)面的頁(yè)頭加上標(biāo)簽使用語(yǔ)句【不需要做目錄調(diào)整,已經(jīng)切實(shí)可行】:

★然后在頁(yè)面的相應(yīng)位置增加調(diào)用語(yǔ)句,對(duì)于FCK標(biāo)簽,里面還可以增加很多屬性,當(dāng)然也可以不加,注意下面粗體的地方,我下面使用了2個(gè)比較常用的屬性,一個(gè)是高度的調(diào)整,另一個(gè)是組件風(fēng)格

This is FCKeditor demo!

★接收參數(shù)可以這么寫(xiě)

其它

1、fckconfig.js總配置文件,可用記錄本打開(kāi),修改后將文件存為utf-8 編碼格式。找到:

FCKConfig.TabSpaces = 0 ; 改為FCKConfig.TabSpaces = 1 ; 即在編輯器域內(nèi)可以使用Tab鍵。

2、如果你的編輯器還用在網(wǎng)站前臺(tái)的話,比如說(shuō)用于留言本或是日記回復(fù)時(shí),那就不得不考慮安全

了,在前臺(tái)千萬(wàn)不要使用Default的toolbar,要么自定義一下功能,要么就用系統(tǒng)已經(jīng)定義好的Basic,也就是基本的toolbar,找到:

FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview'] ] ;

這是改過(guò)的Basic,把圖像功能去掉,把添加鏈接功能去掉,因?yàn)閳D像和鏈接和flash和圖像按鈕添加功能都能讓前臺(tái)頁(yè)直接訪問(wèn)和上傳文件, fckeditor還支持編輯域內(nèi)的鼠標(biāo)右鍵功能。

FCKConfig.ContextMenu = [

'Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox',

'Radio','TextField','HiddenField',/*'ImageButton',*/'Button','BulletedList',

'NumberedList','TableCell','Table','Form'] ;

這也是改過(guò)的把鼠標(biāo)右鍵的“鏈接、圖像,F(xiàn)LASH,圖像按鈕”功能都去掉。

3、找到: FCKConfig.FontNames =

'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

加上幾種我們常用的字體 :

FCKConfig.FontNames = '宋體;黑體;隸書(shū);楷體_GB2312;Arial;Comic Sans MS;

Courier New;Tahoma;Times New Roman;Verdana' ;

4、注意上傳的文件名不能有中文,否則無(wú)法正常顯示或鏈接下載。

分享:使用Stripes進(jìn)行Java Web開(kāi)發(fā)
Stripes是一個(gè)以讓程序員的web開(kāi)發(fā)簡(jiǎn)單而高效為準(zhǔn)則來(lái)設(shè)計(jì)的基于動(dòng)作的開(kāi)源Java web框架。本文將介紹Stripes與其它如Struts之類(lèi)基于動(dòng)作的框架的區(qū)別和其提供的一些存在于Ruby on Rails之中的簡(jiǎn)單性。 Stripes是一個(gè)以讓程序員的web開(kāi)發(fā)簡(jiǎn)單而高效為準(zhǔn)則來(lái)設(shè)

來(lái)源:模板無(wú)憂//所屬分類(lèi):JSP教程/更新時(shí)間:2012-07-01
相關(guān)JSP教程