资源描述：
《ckeditor使用指南》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、ExtJS_CKEditor使用指南2011年6月30日Wangfeng1@300.cn1.将资源文件复制到工程的WEBROOT目录下或者自己在WEBROOT下自己建一个文件夹存放资源文件比如我们把资源文件放在webroot/scripts/lib/ckeditor文件夹下2.在项目的入口页面引入以下3个js文件：ckeditor/ckeditor.jsExt.form.BasicForm.jsExt.ux.CKEditor.js比如在index.html中引入：3.以上两步完成之后富文本编辑器就可以使用了，以下说明如何使用：与其他组件使用类似，只需要将xtype设置为ckeditor类型就ＯＫ在CKConfig属性下
3、配置工具栏比如：｛xtype:'ckeditor',hideLabel:true,fieldLabel:'Editor',name:'htmlcode',CKConfig:{toolbar:[['Source','Cut',['Undo','Redo'],['Find'], ['AreaImage'],['Uploadflash'],['SpecialChar','HorizontalRule','PageBreak'],['Subscript','Superscript'],['Image','Flash','Preview','Templates'], '/'
4、,['Format','Font','FontSize'],['Bold','Italic','Underline','Strike'],['TextColor','BGColor'],['NumberedLists','BulletedLists'],['JustifyLeft','JustifyCenter','JustifyRight'],['Paragraph'],['Table'],['Uploadimg'],['Link','Unlink','Anchor']],width:840,height:29０｝1.富文本编辑器CKConfigtoolbar说
5、明CKConfigtoolbar是根据自己需求来定义编辑器的工具栏，也根据自己需要进行分组，每组内容只需要放在同一个中括号逗号隔开即可。换行用’/’比如：['Undo','Redo'],['Find']排列结果：Toolbar内容说明：Source：源码Cut:剪切Copy:复制Paste：粘贴PasteText:粘贴为无格式文本PasteFromWord：从MSword粘贴Preview:预览Templates：模板Bold:加粗Italic:斜体underline:下划线Strike:穿过线Subscript:下标Superscript：上标Undo：撤销Re
6、do：重做Find：查询NumberedList：数字列表BulletedList：实体列表Outdent:减小缩进Indent：增大缩进JustifyLeft:做对齐JustifyCenter：居中对齐JustifyRight：右对齐JustifyBlock：两端对齐Link:超链接Unlink:取消超链接Anchor：锚点Image：图像Flash:Flash动画Table:表格HorizontalRule:水平线Smiley:表情SpecialChar：特殊字符PageBreak：分页符Styles:样式Format:格式Font：字体FontSize：字体
7、大小TextColor：文本颜色BGColor：背景颜色Maximize：全屏ShowBlocks：显示区块1.Ext中使用ckeditor的配置文件说明富文本编辑器在Ext.form.CKEditor.js中自定义配置CKEditor，可以通过编辑ckeditor文件夹下的config.js来更改CKEditor的默认配置，也可以在页面创建CKEditorConfig的实例来添加或覆盖config.js里面的配置Config.js中的一些配置：config.filebrowserUploadUrl=””上传文件config.filebrowserImageUpl
8、oadUr
