本篇內(nèi)容介紹了“JSP頁面中使用FCKeditor控件的方式”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)溝通電話：18982081108，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，成都創(chuàng)新互聯(lián)網(wǎng)頁制作領(lǐng)域10多年，包括集裝箱等多個(gè)領(lǐng)域擁有多年的網(wǎng)站營銷經(jīng)驗(yàn)，選擇成都創(chuàng)新互聯(lián)，為網(wǎng)站保駕護(hù)航！

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

FCKeditor控件請(qǐng)到官方網(wǎng)站下載http://www.fckeditor.net，本例主要用到FCKeditor_2.6.3.zip、fckeditor-java-demo-2.4.1.zip、fckeditor-java-2.4.1-bin.zip里面的一些內(nèi)容，讀者可以自行下載。

1. 解開壓縮包FCKeditor_2.6.3.zip，將其中的fckeditor文件夾復(fù)制到WEB-INF下面，后面可以直接使用。

2. 在頁面中使用FCKeditor有兩種方式。

方式一：JavaScript的方式

(1)直接使用，見method1.html

＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"＞
＜html＞
＜head＞
＜script type="text/javascript" src="fckeditor/fckeditor.js"＞＜/script＞
＜/head＞
＜body＞
方法一：通過JavaScript來實(shí)現(xiàn)的實(shí)現(xiàn)編輯器導(dǎo)入＜br＞
＜script type="text/javascript"＞
var oFCKeditor = new FCKeditor('FCKeditor1') ;
oFCKeditor.BasePath = "fckeditor/";
//oFCKeditor.BasePath   = "/FCKEditTest/fckeditor/";
oFCKeditor.Width="50%";
oFCKeditor.Height="400";
oFCKeditor.Value="initial value";
//oFCKeditor.ToolbarSet="Basic";
//默認(rèn)是default
oFCKeditor.ToolbarSet="Default";
oFCKeditor.Create() ;
＜/script＞
＜hr＞
＜/body＞
＜/html＞

(2)通過Textarea，祥見method2.html

＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"＞
＜html＞
＜head＞
＜script type="text/javascript" src="fckeditor/fckeditor.js"＞＜/script＞
＜script type="text/javascript"＞
window.onload=function(){
var oFCKeditor = new FCKeditor('MyTextarea') ;
oFCKeditor.BasePath = "fckeditor/";
//oFCKeditor.BasePath   = "/FCKEditTest/fckeditor/";
oFCKeditor.ReplaceTextarea();
}
＜/script＞
＜/head＞
＜body＞
方法二：通過Textarea來實(shí)現(xiàn)的實(shí)現(xiàn)編輯器導(dǎo)入＜br＞
＜textarea rows="4" cols="60" name="MyTextarea"＞this is a value＜/textarea＞
＜/body＞
＜/html＞

方式二：在標(biāo)簽使用FCKeditor

在使用標(biāo)簽之前，需要搭建環(huán)境。將fckeditor-java-2.4.1-bin.zip包中的fckeditor-java-core-2.4.1.jar、commons-fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar以及包fckeditor-java-demo-2.4.1.zip中的slf4j-simple-1.5.2.jar復(fù)制到lib目錄下，并構(gòu)建環(huán)境。

構(gòu)建完后，就可以在JSP頁面中進(jìn)行使用。祥見頁面method_jsp.jsp

＜%@ page language="java" import="java.util.*" pageEncoding="utf-8"%＞
＜%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%＞
＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"＞
＜html＞
＜head＞
＜title＞method_jsp.jsp＜/title＞
＜/head＞
＜body＞ 
早些版本必需將fckeditor的Value屬性必需指定對(duì)應(yīng)的值，且值不能為空。
而此處版本是2.6.3，該問題已經(jīng)解決。
＜FCK:editor instanceName="myEditor" basePath="/fckeditor"＞＜/FCK:editor＞
＜/body＞
＜/html＞

效果如下圖：

“JSP頁面中使用FCKeditor控件的方式”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

網(wǎng)站欄目：JSP頁面中使用FCKeditor控件的方式
網(wǎng)站URL：http://aaarwkj.com/article0/gjosoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、企業(yè)建站、定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司、外貿(mào)建站、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)