FCKeditor是一個專門使用在網頁上屬於開放原始碼的所見即所得 (WYSIWYG)文字編輯器。它志於輕量化,不需要太複雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的程式設計語言相結合。“FCKeditor”名稱中的“FCK” 是這個編輯器的作者的名字Frederico Caldeira Knabben的縮寫。現已改名為CKeditor。
要使用CKEditor,首先要下載開發包,官網http://ckeditor.com/ 提供最新版下載,下載後包含源碼和例子,當然正式運行中並不需要這些東西。
步驟:
1.需要一個CKEditor for Java的jar包,我使用的是目前最新版 ckeditor-java-core-3.5.3.jar。
2.將jar包引入自己的web工程。
3.將下載的安裝包解壓以後複製到工程的WebRoot目錄下。
在myeclipse中的目錄結構為:
(由於下載的檔案代碼排列問題,我的myelipse顯示有錯誤,由於不需編譯和運行,所以不影響部署和啟動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標籤使用replace或editor的區別:editor是增加,replace是替換原來的 <ck:editor editor="content" basePath="ckeditor" ></ck:editor> --> </body> </html>
部署並啟動server後開啟http://localhost:8080/CKEditor/test.jsp即可看到效果圖,成功。
更多的關於CKEditor的細節和用法,有官方文檔或更多前人寫的博文,所以不再贅述。
嘿嘿,各位寫代碼也有點累了吧,特別是深夜的時候是不是覺得應該有點吃的就更好了。可以到本人開
的小店“小灰灰休閑美食”店買點休閑食品哦,既滿足食慾又可以放鬆哈子,當然平時也要吃是吧,也
可以買來送朋友哦。