整合ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1，配置随笔记录

整合ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1，配置随笔记录

下载ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1，解压后分别把ckeditor  和  ckfinder两个文件夹放到网站项目的根目录里。

修改ckeditor\config.js为如下：

ckeditor_config.js

/*
Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig  =   function (config) {
     //  Define changes to default configuration here. For example:
     //  config.language = 'fr';
     //  config.uiColor = '#AADC6E';
     //  Define changes to default configuration here. For example:
     // 当提交包含有此编辑器的表单时，是否自动更新元素内的数据
    config.autoUpdateElement  =   true

     // 编辑器的z-index值
    config.baseFloatZIndex  =   10000

     // 设置是使用绝对目录还是相对目录，为空为相对目录
    config.baseHref  =   ''

    config.language  =   ' zh-cn ' ;  // 配置语言   
    config.uiColor  =   ' #FFF ' ;  // 背景颜色   
    config.width  =   700 ;  // 宽度   
    config.height  =   400 ;  // 高度
    config.skin  =   ' v2 ' ;  // 编辑器样式
     // config.skin = 'office2003'; //编辑器样式
     // config.skin = 'kama'; //编辑器样式

     //  取消 “拖拽以改变尺寸”功能
    config.resize_enabled  =   false ;

     //  基础工具栏
     //  config.toolbar = "Basic";

     //  全能工具栏
     //  config.toolbar = "Full";

     //  自定义工具栏
    config.toolbar  =
    [
        [ ' Source ' ,  ' - ' ,  ' Preview ' ], [ ' Cut ' ,  ' Copy ' ,  ' Paste ' ,  ' PasteText ' ,  ' PasteFromWord ' ], [ ' Undo ' ,  ' Redo ' ,  ' - ' ,  ' Find ' ,  ' Replace ' ,  ' - ' ,  ' SelectAll ' ,  ' RemoveFormat ' ], [ ' NumberedList ' ,  ' BulletedList ' ,  ' - ' ,  ' Outdent ' ,  ' Indent ' ,  ' Blockquote ' ,  ' ShowBlocks ' ],  ' / ' ,
        [ ' Bold ' ,  ' Italic ' ,  ' Underline ' ,  ' Strike ' ,  ' - ' ,  ' Subscript ' ,  ' Superscript ' ], [ ' JustifyLeft ' ,  ' JustifyCenter ' ,  ' JustifyRight ' ,  ' JustifyBlock ' ], [ ' Link ' ,  ' Unlink ' ,  ' Anchor ' ], [ ' Image ' ,  ' Flash ' ,  ' Table ' ,  ' HorizontalRule ' ,  ' SpecialChar ' , ' Smiley ' ],  ' / ' ,
        [ ' Styles ' ,  ' Format ' ,  ' Font ' ,  ' FontSize ' ], [ ' TextColor ' ,  ' BGColor ' ], [ ' Maximize ' ]
    ];


     // 工具栏是否可以被收缩 plugins/toolbar/plugin.js.
    config.toolbarCanCollapse  =   true

     // 工具栏的位置 plugins/toolbar/plugin.js
    config.toolbarLocation  =   ' top ' ;  // 可选：bottom

     // 工具栏默认是否展开 plugins/toolbar/plugin.js
    config.toolbarStartupExpanded  =   true ;

     // 撤销的记录步数 plugins/undo/plugin.js
    config.undoStackSize  =   20 ;
     // 当输入：shift+Enter是插入的标签
    config.shiftEnterMode  =  CKEDITOR.ENTER_P;  // 可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV


     // 可选的表情替代字符 plugins/smiley/plugin.js.
    config.smiley_descriptions  =  [
     ' :) ' ,  ' :( ' ,  ' ;) ' ,  ' :D ' ,  ' :/ ' ,  ' :P ' ,
     '' ,  '' ,  '' ,  '' ,  '' ,  '' ,
     '' ,  ' ;( ' ,  '' ,  '' ,  '' ,  '' ,
     '' ,  ' :kiss ' ,  '' ];

     // 对应的表情图片 plugins/smiley/plugin.js
    config.smiley_images  =  [
     ' regular_smile.gif ' ,  ' sad_smile.gif ' ,  ' wink_smile.gif ' ,  ' teeth_smile.gif ' ,  ' confused_smile.gif ' ,  ' tounge_smile.gif ' ,
     ' embaressed_smile.gif ' ,  ' omg_smile.gif ' ,  ' whatchutalkingabout_smile.gif ' ,  ' angry_smile.gif ' ,  ' angel_smile.gif ' ,  ' shades_smile.gif ' ,
     ' devil_smile.gif ' ,  ' cry_smile.gif ' ,  ' lightbulb.gif ' ,  ' thumbs_down.gif ' ,  ' thumbs_up.gif ' ,  ' heart.gif ' ,
     ' broken_heart.gif ' ,  ' kiss.gif ' ,  ' envelope.gif ' ];

     // 表情的地址 plugins/smiley/plugin.js
    config.smiley_path  =   ' ckeditor/plugins/smiley/images/ '

     // 页面载入时，编辑框是否立即获得焦点 plugins/editingblock/plugin.js plugins/editingblock/plugin.js.
    config.startupFocus  =   true ;

     // 载入时，以何种方式编辑 源码和所见即所得 "source"和"wysiwyg" plugins/editingblock/plugin.js.
     // config.startupMode = 'wysiwyg'

     // 载入时，是否显示框体的边框 plugins/showblocks/plugin.js
    config.startupOutlineBlocks  =   false

};

然后修改ckfinder\config.ascx

ckfinder

     public   override   bool  CheckAuthentication()
    {
         //  修改为true 是为了又上传权限
         // return false;
         return   true ;
    }




     //  The base URL used to reach files in CKFinder through the browser.
    BaseUrl  =   " ~/ckfinder/uploads/ " ;

 

引用方法如下：

FCK_

< head  runat ="server" >
     < title > Default </ title >
     < script  src ="ckeditor/ckeditor.js"  type ="text/javascript" ></ script >
     < script  src ="ckfinder/ckfinder.js"  type ="text/javascript" ></ script >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div  id ="FCK" >
< asp:TextBox  id ="txtContent"  TextMode ="MultiLine"  Text ='<%#  Bind("info") % > ' runat="server"> </ asp:TextBox >

< script  type ="text/javascript" >
     var  editor  =  CKEDITOR.replace( ' txtContent ' );
    CKFinder.SetupCKEditor(editor,  ' /YourProject/ckfinder/ ' ); 
</ script >


     </ div >
     </ form >
</ body >