富文本插件ckedit

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 />

樣式，在現(xiàn)有的3.0.1版本中會(huì)出現(xiàn)CKEDITOR未定義的腳本錯(cuò)誤提示，致使不能生成編輯器。

替換TEXTAREA標(biāo)簽：

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

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

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

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

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

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

屬性配置：

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

IN-PAGE配置方式：

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

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

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

默認(rèn)屬性文件配置方式：

你也可以在config.js 中加入配置信息，當(dāng)你打開該文件時(shí)你會(huì)發(fā)覺它幾乎為空（默認(rèn)）。你要做的是把配置信息加入其中。

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

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

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

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