FCKeditor是一個專門使用在網頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕量化,不需要太復雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結合。“FCKeditor”名稱中的“FCK” 是這個編輯器的作者的名字Frederico Caldeira Knabben的縮寫?,F已改名為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的細節和用法,有官方文檔或更多前人寫的博文,所以不再贅述。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
