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可以灵活的与后台事件交互。
B:写成下面这个你就应该知道是怎么回事了吧!!
7:在config.js中自定义ckediter 的样式,图个简单你可以不必理会这段。
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 的路径选择要正确。
10:设置权限让IIS用户对上传目录有写的权限
11:按上面的做到这里就ok了~
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了~
相关文章推荐
- ckeditor_3.0.2和ckfinder_aspnet_1.4.3合成
- 整合ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1,配置随笔记录
- ckeditor_aspnet_3.5.3+ckfinder_aspnet_2.0.2.1的整合使用
- 将CKfinder整合进CKEditor3.0的新方法
- CKEditor整合ckfinder实现图片上传
- 最新ckeditor_ckfinder整合超完整版
- 如何将ckfinder整合到ckeditor
- CKEditor和CKFinder整合实现上传下载功能
- struts2整合CKEditor和CKFinder,图片上传失败问题
- 页面编辑器CKEditor与CKFinder整合
- CKEditor和CKFinder整合实现上传下载功能 【转】
- CKEditor学习笔记3(CKEditor与CKFinder的Java整合)
- 将CKfinder 整合进 CKEditor3.0 (新)
- CKEditor与CKFinder整合 MVC3
- 将CKfinder整合进CKEditor3.0的新方法
- 在php中整合ckeditor、ckfinder详细终结版
- ckfinder整合ckeditor(java版本)
- CKEditor整合CKFinder.doc的使用 实现富文本编辑器的整合使用
- Ckeditor+Ckfinder+Ext4 整合
- 整合CKEditor和CKFinder(for java)