在Jsp頁面中引入CKEditor

來源:互聯網
上載者:User

      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的細節和用法,有官方文檔或更多前人寫的博文,所以不再贅述。


嘿嘿,各位寫代碼也有點累了吧,特別是深夜的時候是不是覺得應該有點吃的就更好了。可以到本人開


的小店“小灰灰休閑美食”店買點休閑食品哦,既滿足食慾又可以放鬆哈子,當然平時也要吃是吧,也


可以買來送朋友哦。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.