灵活的调用方式——JS代码调用：

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

2. <textarea cols="80" id="editor1" name="editor1" rows="10"><p>Ckeditor的初始化内容，作为textarea的value值. You are using <a href="http://www.kxss.net/">CKEditor</a>.</p></textarea>

3. <script type="text/java script">

4. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor1' );

5. </script>

其实很简单，包含Ckeditor的js文件，生成textarea，用就是语句替换。js预计替换，可以进行更为详细的配置，下文将做详细说明。

二、Ckeditor工具栏自定义设置

1.在Ckeditor根目录的config.js中设置：

1. config.toolbar = 'Full';

2. config.toolbar_Full =

3. [

4. ['Source','-','Save','NewPage','Preview','-','Templates'],

5. ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],

6. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

7. ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],

8. '/',

9. ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

10. ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],

11. ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],

12. ['Link','Unlink','Anchor'],

13. ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

14. '/',

15. ['Styles','Format','Font','FontSize'],

16. ['TextColor','BGColor'],

17. ['Maximize', 'ShowBlocks','-','About']

18. ];

20. config.toolbar_Basic =

21. [

22. ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']

23. ];

上述代码中第一行，即为设定默认工具栏的，可以改写为：

1. config.toolbar = 'Basic';

2.在用js代码调用Ckeditor时设置：

1. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor1',

2. {

3. toolbar :

4. [

5. ['Styles', 'Format'],

6. ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']

7. ]

8. });

3.以上两种方法的综合：

在Ckeditor根目录下的config.js文件中设置好多组toolbar，如方法1示

例代码去掉第一行；调用Ckeditor时的代码如下：

1. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor1',

2. {

3. toolbar : 'Full'

4. });

6. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor2',

7. {

8. toolbar : 'Basic'

9. });

三、Ckeditor语言、字体及皮肤样式自定义

Ckeditor支持多国语言，并提供三种皮肤样式：kama、office2003和v2，可以在Ckeditor根目录下的config.js文件中进行设置：

1. config.language = 'zh-cn' ;

2. config.skin = 'office2003';

也可以在js调用Ckeditor时设置：

1. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor1',

2. {

3. toolbar : 'Full',

4. language : 'zh-cn',

5. skin : 'office2003'

6. });

8. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor2',

9. {

10. toolbar : 'Basic',

11. language : 'zh-cn';

12. skin : 'kama'

13. });

四、Ckeditor添加中文字体

1.在Ckeditor根目录下的config.js文件中添加：

1. config.font_names = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS';

2.在用js代码调用Ckeditor时添加：

1. CK_Editor=CK_Editor=CKEDITOR.replace( 'editor1',

2. {

3. toolbar : 'Full',

4. language : 'zh-cn',

5. skin : 'office2003',

6. config.font_names : '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS'

7. });