CKeditor配置及使用技巧、精简教程(超详细).docVIP

一、使用方法： 1、在页面head中引入ckeditor核心文件ckeditor.js script type=text/javascript src=ckeditor/ckeditor.js/script 2、在使用编辑器的地方插入HTML控件textarea textarea id=TextArea1 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(TextArea1);//如果是在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;// 当提交包含有此编辑器的表单时，是否自动更新元素内的数据config.autoUpdateEl