CKEditor使用教程.doc

CKEditor使用教程： ckeditor 的官方网站是 / ，我当前使用的版本是v3.0.1。 一、使用方法： 1、在页面head中引入ckeditor核心文件ckeditor.js script type=text/javascript src=ckeditor/ckeditor.js/script2、在使用编辑器的地方插入HTML控件textarea textarea id= activity name=”activity” cols=20 rows=2 class=ckeditor/textarea? 如果是ASP.NET环境，也可用服务器端控件TextBox asp:TextBox ID=tbContent runat=server TextMode=MultiLine class=ckeditor/asp:TextBox? 注意在控件中加上 class=ckeditor 。 3、将相应的控件替换成编辑器代码 script type=text/javascriptCKEDITOR.replace( activity );//先按name的属性值找，找不到再按id的值找 //如果是在ASP.NET环境下用的服务器端控件TextBoxCKEDITOR.replace(tbContent); //如果TextBox控件在母版页中，要这样写CKEDITOR.replace(%=tbContent.ClientID.Replace(_,$) %);/script? ? 4、配置编辑器 ckeditor的配置都集中在 ckeditor/config.js 文件中，下面是一些常用的配置参数： // 界面语言，默认为 en config.language = zh-cn; // 设置宽高 config.width = 400; config.height = 400; // 编辑器样式，有三种：kama（默认）、office2003、v2 config.skin = v2; // 背景颜色 config.uiColor = #FFF; // 工具栏（基础Basic、全能Full、自定义）plugins/toolbar/plugin.js config.toolbar = Basic; config.toolbar = Full; 这将配合： config.toolbar_Full = [[Source,-,Save,NewPage,Preview,-,Templates],[Cut,Copy,Paste,PasteText,PasteFromWord,-,Print, SpellChecker, Scayt],[Undo,Redo,-,Find,Replace,-,SelectAll,RemoveFormat],[Form, Checkbox, Radio, TextField, Textarea, Select, Button, ImageButton, HiddenField],/,[Bold,Italic,Underline,Strike,-,Subscript,Superscript],[NumberedList,BulletedList,-,Outdent,Indent,Blockquote],[JustifyLeft,JustifyCenter,JustifyRight,JustifyBlock],[Link,Unlink,Anchor],[Image,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak],/,[Styles,Format,Font,FontSize],[TextColor,BGColor]]; //工具栏是否可以被收缩config.toolbarCanCollapse = true; //工具栏的位置config.toolbarLocation = top;//可选：bottom //工具栏默认是否展开config.toolbarStartupExpanded = true; // 取消 “拖拽以改变尺寸”功能 plugins/resize/plugin.jsconfig.resize_enabled = false; //改变大小的最大高度 config.resize_maxHeight = 3000; //改变大小的最大宽度config.resize_maxWidth = 3000; //改变大小的最小高度config.resize_minHeight = 250; //改变大小的最小宽度config.resize_minWidth = 750; // 当提交包含有此编辑器