FCKeditor是一個(gè)專門使用在網(wǎng)頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕量化，不需要太復(fù)雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結(jié)合。“FCKeditor”名稱中的“FCK” 是這個(gè)編輯器的作者的名字Frederico Caldeira Knabben的縮寫。現(xiàn)已改名為CKeditor。
要使用CKEditor，首先要下載開發(fā)包，官網(wǎng)
http://ckeditor.com/
提供最新版下載，下載后包含源碼和例子，當(dāng)然正式運(yùn)行中并不需要這些東西。
步驟：
1.需要一個(gè)CKEditor for Java的jar包，我使用的是目前最新版 ckeditor-java-core-3.5.3.jar。
2.將jar包引入自己的web工程。
3.將下載的安裝包解壓以后復(fù)制到工程的WebRoot目錄下。
在myeclipse中的目錄結(jié)構(gòu)為：
（由于下載的文件代碼排列問題，我的myelipse顯示有錯(cuò)誤，由于不需編譯和運(yùn)行，所以不影響部署和啟動(dòng)tomcat）
下面是test.jsp中的代碼：
<%@page pageEncoding="GB18030"%>
<%@taglib prefix="ck" uri="http://ckeditor.com"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Ckeditor Test</title>
</head>
<body>
<textarea rows="15" cols="80" id="content"></textarea>
<ck:replace replace="content" basePath="ckeditor"></ck:replace>
<!-- tag標(biāo)簽使用replace或editor的區(qū)別：editor是增加，replace是替換原來的
<ck:editor editor="content" basePath="ckeditor" ></ck:editor>
-->
</body>
</html>
部署并啟動(dòng)server后打開 http://localhost:8080/CKEditor/test.jsp 即可看到效果圖，成功。
更多的關(guān)于CKEditor的細(xì)節(jié)和用法，有官方文檔或更多前人寫的博文，所以不再贅述。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
