天天看點

Ckeditor一種很友善的文本編輯器

這裡介紹ckeditor的其中一個的用法,自己做小項目練手非常的适合,上手非常的快。

首先去官網下載下傳這個東西,連結:http://pan.baidu.com/s/1nuXePuD 密碼:rrr0,需要特别說明一下,這個東西需要配置,但是具體配置我也不是很清楚,是以你看到着篇部落格,練習的話,最後使用上面上傳的這個東西,目錄呢,如圖所示。

Ckeditor一種很友善的文本編輯器

 1:首先将這個ckeditor檔案夾放到webcontent目錄下面,然後進行開發。

  使用這個文本編輯器的最重要需要引入的一句話是:

  <script type="text/javascript" src="resource/ckeditor/ckeditor.js"></script>

  然後在需要使用的地方引入這個:class="ckeditor",如下所示:

  <textarea  class="ckeditor" id="newsContent"  name="newsContent"   rows="15"   placeholder="請輸入内容">            </textarea>

完整的代碼如下所示,檔案名是news.jsp

2:這個jsp送出到servlet這個頁面,完整代碼如下所示,當然了,這裡沒有設計到資料庫,因為涉及到資料庫,更難了解和講解,這裡學會使用,自己摸索不是很難哦。

檔案名是:NewsServlet.java 

3:上面的servlet頁面又重定向到了index.jsp,如下所示:

4:特比需要注意的是下面這個servlet,隻要複制粘貼會使用即可,可先不用看代碼;

5:最後說一下需要注意的地方:

其一就是如下圖所示的config.js檔案,這裡需要修改一下檔案内容

Ckeditor一種很友善的文本編輯器

如下圖所示,将ckeditor修改為自己的項目名稱即可;

Ckeditor一種很友善的文本編輯器

示範效果:

Ckeditor一種很友善的文本編輯器

還有完善的空間,繼續加油哦。别先生