CKEditor + CKFinder 配置.docVIP

CKEditor + CKFinder 配置 2010年04月21日 星期三 23:14 CKEditor：1.解压CKEditor到webRoot目录，在应用页面加载其ckeditor.js ;2.页面textarea： textarea cols=”80″; name=”editor1″ rows=”10″/textarea CKFinder：3.解压CKFinder到webRoot目录（最好与CKEditor同级），在应用页面加载其ckfinder.js ;4.页面script：（最好textarea之后） if (typeof CKEDITOR == ‘undefined’) {document.write(’加载CKEditor失败’);}else {var editor = CKEDITOR.replace(’editor1′);CKFinder.SetupCKEditor(editor, ‘../ckeditor/ckfinder/’); //ckfinder总目录的相对路径.} 整合：（把俩js加载到同一文件其实就已经基本整合好了，还需要修改的配置如下）5.打开\ckfinder\config.php，修改$baseUrl = ‘（上传附件的存放路径）’; //以webRoot为起始的绝对路径，其目录下会自动生成images、flash等子目录；默认是在webRoot的根目录下，注意修改。 至此配置完毕，如果需要自定义界面，可进行以下的高级修改： 6.在ckeditor\config.js中的CKEDITOR.editorConfig里加入以下需要自定义的配置代码： //字体.??? config.font_names = 宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial; Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;; ??? //工具按钮.??? config.toolbar=??????? [??????? [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], ??????? [Maximize,ShowBlocks,-,About] ??? ]; ??? //宽度??? config.width = 500; ??? //高度??? config.height = 400; ??? //皮肤??? config.skin=v2; 安装CKFinder后才能有上传功能: 第二步：设置CKFinder的上传功能 由于本次CKEditor全新改版，没有提供文件上传功能，所以选择整合CKFinder是个不错的选择需要修改一下CKEditor插件文件夹下的JS源码，以image插件为例（Flash及Files同理）：Code //将下边的代码做一些修改//{type:button,id:browse,align:center,label:mon.browseServer,hidden:false,filebrowser:info:txtUrl}]}]},//2009-07-13 将浏览