资源描述：
《CKEditor + CKFinder 配置》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、CKEditor+CKFinder配置2010年04月21日星期三23:14CKEditor：1.解压CKEditor到webRoot目录，在应用页面加载其ckeditor.js;2.页面textarea：CKFinder：3.解压CKFinder到webRoot目录（最好与CKEditor同级），在应用页面加载其ckfinder.js;4.页面script：（最好textarea之后）if(typeofCKEDIT
2、OR==‘undefined’){document.write(’加载CKEditor失败’);}else{vareditor=CKEDITOR.replace(’editor1′);CKFinder.SetupCKEditor(editor,‘../ckeditor/ckfinder/’);//ckfinder总目录的相对路径.}整合：（把俩js加载到同一文件其实就已经基本整合好了，还需要修改的配置如下）5.打开ckfinderconfig.php，修改$baseUrl=‘（上传附件的存放路径）’;//以webRoo
3、t为起始的绝对路径，其目录下会自动生成images、flash等子目录；默认是在webRoot的根目录下，注意修改。至此配置完毕，如果需要自定义界面，可进行以下的高级修改：6.在ckeditorconfig.js中的CKEDITOR.editorConfig里加入以下需要自定义的配置代码：//字体. config.font_names='宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;ComicSansMS;CourierNew;Tahoma;TimesNewRoman;Verdana;';
4、 //工具按钮. config.toolbar= [ ['Source','-','Save','NewPage','Preview','-','Templates'], ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveForm
5、at'], ['Form','Checkbox','Radio','TextField','Textarea','Select','Button', 'ImageButton','HiddenField'], '/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], ['NumberedList','BulletedList','-','Outdent','Inde
6、nt','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Link','Unlink','Anchor'], ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar', 'PageBreak'], '/', ['Styles','Format','Font','Fo
7、ntSize'], ['TextColor','BGColor'], ['Maximize','ShowBlocks','-','About'] ]; //宽度 config.width=500; //高度 config.height=400; //皮肤 config.skin='v2';安装CKFinder后才能有上传功能:第二步：设置CKFinder的上传功能由于本次CKEditor全新改版，没有提供文件上传功能，所以选择整合CKFinder是个不错的选择需要修改一下
8、CKEditor插件文件夹下的JS源码，以image插件为例（Flash及Files同理）：Code//将下边的代码做一些修改//{type:'button',id:'browse',align:'center',label:m.lang.common.browseServer,hidden:false
