CKEditor學習筆記1（CKEditor安裝、簡單調用）

安裝
1、下載CKEDitor（我下載的是3.6.4） 官網：CKEditor
2、提取ckeditor目錄，放入你的Web站點根目錄下（WebRoot）

調用CKEditor
調用CKEditor前，先將ckeditor.js引入

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

方式一：

通過JavaScript調用（我知道有3種方式）
1、創建一個textarea多行文本框，提供一個class="ckeditor"屬性

<textarea class="ckeditor"></textarea>

2、創建一個textarea多行文本框，提供一個id或name，再通過CKEDITOR.replace()方法調用

<textarea id="editor1" name="editor1"></textarea>
CKEDITOR.replace( 'editor1',
{
    toolbar : 'Basic',
    uiColor : '#9AB8F3'
});

3、首先創建一個DIV層（填充textarea容器），然後調用CKEDITOR.appendTo()方法

<div id="editorSpace"></div>
<script type="text/javascript">
    CKEDITOR.appendTo("editorSpace");
</script>

方式二：

JSP中通過自定義標籤調用（我知道有2種方式，反正大同小異）
1、
步驟一：導入jar包(ckeditor-java-core-3.5.3.jar，官網下載)
步驟二：添加標籤庫

<%@ taglib prefix="ckeditor" uri="http://ckeditor.com" %>

步驟三：添加一個textarea

<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>

步驟四：通過replace標籤，將普通textarea替代成CKEditor編輯器

<ckeditor:replace replace="editor1" basePath="/ckeditor/" />

2、

步驟一：導入jar包(ckeditor-java-core-3.5.3.jar，官網下載)
步驟二：添加標籤庫

<%@ taglib prefix="ckeditor" uri="http://ckeditor.com" %>

步驟三：（無須添加textarea）

<ckeditor:editor editor="myEditor" basePath="/CKEditorSample/ckeditor/" value="Type here"></ckeditor:editor>

屬性介紹：
basePath:CKEditor目錄
editor:textarea name名稱
value:textarea默認值

第一篇先這樣了，文檔參考
裏面含有一些Java的基本配置，大家可以參考一下。