您的位置:首页 > 编程语言 > ASP

ckeditor_3.0.2整合ckfinder_aspnet_1.4.3

2010-03-30 13:16 423 查看
在网上看了一堆,没有一个能顺利搞定,自己搞个备用。

 

1:下载 ckeditor_3.0.1,ckfinder_aspnet_1.4.3,解压之
2:CKfinder的破解:将ckfinder/core/js/ckfinder_ie.js中搜索 en.call(window,qo); 整个去掉。
3:将ckediter,ckfinder瘦身,删除其中的 _sample和_source部分,语言包lang中保留zh-cn.js,zh.js,en.js,其它都可不要,其实什么install.txt,license.txt,changelog.txt都可以删除不要。

4:将ckediter和ckfinder文件夹添加至项目根目录
5:项目中添加引用ckfinder/bin/release/CKFinder.dll
6:在页面中或者模板页中引入 ckeditor.js 和 ckfinder.js
    A: ckeditor 必须定义 class="ckeditor"     后台绑定属性content可以灵活的与后台事件交互。   

     
<asp:TextBox id="txtContent" class="ckeditor" TextMode="MultiLine" Text='<%# Bind("info") %>' runat="server"></asp:TextBox>
    

      B:写成下面这个你就应该知道是怎么回事了吧!!

     
<asp:TextBox ID="TextBox1" runat="server" Rows="10" TextMode="MultiLine" Text='<%# Bind("info") %>' ></asp:TextBox>
<script type="text/javascript">CKEDITOR.replace('TextBox1')</script>


    7:在config.js中自定义ckediter 的样式,图个简单你可以不必理会这段。
     
CKEDITOR.editorConfig = function(config) {

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

// 取消 “拖拽以改变尺寸”功能
//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'], '/',
['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'], ['Maximize', '-', 'About']
];

};

8:打开 " /ckfinder/config.ascx ",修改 BaseUrl 为 BaseUrl = "~/ckfinder/userfiles/";// 注意“~”
  // 以 userfiles 为默认路径,其目录下会自动生成images、flash等子目录。也可以另外指定路径
    //注意下面的设置才能正确显示缩略图
    BaseDir = "";
    Thumbnails.Dir = BaseDir + "_thumbs/"; 改为 Thumbnails.Dir = "";
    Thumbnails.Url = BaseUrl + "_thumbs/"; 改为 Thumbnails.Url = "";

    修改public override bool CheckAuthentication()方法,编写逻辑做登录或权限验证,如测试可以直接返回true;

9:在 ckeditor/config.js 中集成 ckfinder。添加下列代码注意 ckfinder 的路径选择要正确。
   
CKFinder.SetupCKEditor(null, '../ckfinder/');

10:设置权限让IIS用户对上传目录有写的权限
11:按上面的做到这里就ok了~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息