CKEdit

CKEdit使用方法

引用CKEDITOR的JS文件：

新建JSP頁面，添加其JS文件

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

注意：

1.src的路徑。

2.不要寫成

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

樣式，在現有的3.0.1版本中會出現CKEDITOR未定義的腳本錯誤提示，致使不能生成編輯器。

替換TEXTAREA標簽：

<textarea rows="30" cols="50" name="editor01">請輸入.</textarea>
<script type="text/javascript">CKEDITOR.replace('editor01');</script>

注意：要在textarea后面加入javascript.如果要在HEAD區寫javasript,那么采用如下代碼：

<script type="text/javascript">
    window.onload = function()
    {
        CKEDITOR.replace( 'editor01' );
    };
</script>

好了到此一個默認的CKEDITOR就配置完畢了，可以去頁面看看它的模樣了。

當然還有一個方法CKEDITOR.appendTo(elementOrId, config) 它可以在特定的dom對象中創建CKEDITOR

<div id="editorSpace"><:/div>
CKEDITOR.appendTo( 'editorSpace' );

屬性配置：

所有的配置，都可以查閱官方的API：

IN-PAGE配置方式：

最好在創建編輯器的頁面中配置你的編輯器屬性，使用這種方式，你無需理會在CKEDITOR安裝目錄中的配置文件（ps:in-page的優先級最高）.

CKEDITOR.replace( 'editor1',
    {
        toolbar : 'Basic',
        uiColor : '#9AB8F3'
    });

注意：合法的屬性是以“{”開始,“}”"結束，屬性名和屬性值用“：”隔離.

默認屬性文件配置方式：

你也可以在config.js 中加入配置信息，當你打開該文件時你會發覺它幾乎為空（默認）。你要做的是把配置信息加入其中。

CKEDITOR.editorConfig = function( config )
{
    config.language = 'fr';
    config.uiColor = '#AADC6E';
};

自定義屬性文件配置方式：

CKEDITOR.replace( 'editor1',
    {
        customConfig : '/custom/ckeditor_config.js'
    });

假設你在custom目錄中有一自定義的配置文件ckeditor_config.js，那么就必須在創建ckeditor實例時制定它的路徑（用customConfig屬性）。