【Asp.net精品源码栏目提醒】:网学会员鉴于大家对Asp.net精品源码十分关注,论文会员在此为大家搜集整理了“【精品】ckedit配置 - 其它资料”一文,供大家参考学习
CKEditor 3.6 CKFinder 2.0 在
Asp.Net 中的配置与基本用法 分类:
Asp.Net 前端应用 2011-08-21 03:20 288 人阅读 评论3 收藏 举报前言之前的项目中一直使用的是 FCKeditor,昨天突然有个想法:为什么不试一下新的 CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下。
谈起 FCKeditor,相信没几个 Web 程序员不知道的吧。
不过,官方已经停止了该产品的更新,其最新版是 2.6.6,于 2010 年 2 月 15 日发布。
取代 FCKeditor 的产品叫 CKEditor(Content And Knowledge Editor),与其说是对FCKeditor 的升级,不如说是全新的一个产品。
相比 FCKeditor,其加载速度更快,功能更强大,更丰富的插件和 API,更友好的界面,生成的 html 更标准化。
我们先一睹它的风采吧。
它与 FCKeditor 最大的一个区别是 CKEditor 不集成文件上传与管理功能(乍一看到,心里 ,瓦凉瓦凉的) 这部分被独立出来放到另一个产品 CKFinder 中,这是一个商业授权的产品。
CKEditor CKFinder 两者结合起来才算一个完整的在线编辑器,所以我会把它们的配置放到一起,毕竟两者是缺一不可的。
接下来我们看看如何在项目中使用它们吧。
一 下载和部署目前 CKEditor 最新版为 3.6.1,于 2011-6-16 发布。
官方下载地址:http://ckeditor.com/download。
CKEditor.NET, 于 最新版为 3.6.1, 2011-6-17 发布,这是 CKEditor 的.Net 的
源码项目。
官方下载地址:http://ckeditor.com/download,请选择
ASP.NET 版下载。
CKFinder 的最新版为 2.0.2.1,于 2011-4-19 发布。
官方下载地址:http://ckfinder.com/download,请选择
ASP.NET 版本下载。
分别解压下载下来的这 3 个文件,并把解压后的 ckeditor_3.6.1 和 ckfinder_aspnet_2.0.2.1文件夹拷贝到你的项目中(解压出来后的文件夹原本是 ckeditor 和 ckfinder,但我更习惯把他们的版本号也加上去,方便项目后期的追踪),把“ckeditor_aspnet_3.6.1binReleaseCKEditor.NET.dll”和“ckfinder_aspnet_2.0.2.1binReleaseCKFinder.dll”这两个文件拷贝到网站根目录下的 bin文件夹中,下面是部署后的目录结构图。
注意:1. 不要拷贝 ckfinder_aspnet_2.0.2.1 下的_source(源代码项目)和 bin 文件夹,否则将导致无法成功编译你原来的项目。
2. 你可以把 CKEditor 和 CKFinder 放到你喜欢的任意目录中,然后正确配置他们的基路径(接下来就会说到),这丝毫不影响使用。
二 配置和使用CKFinder 的必要配置打开/editor/ckfinder_aspnet_2.0.2.1/ config.ascx 文件,完成验证逻辑(非常重要)、设置文件保存路径。
view plaincopy to clipboardprint 1.public override bool CheckAuthentication 2. 3. // WARNING : DO NOT simply return true. By doing so you are allowing 4. // anyone to upload and list the files in your server. You must implement 5. // some kind of session validation here. Even something very simple as... 6. // 7. // return Session IsAuthorized null boolSession IsAuthorized true 8. // 9. // ... where Session IsAuthorized is set to true as soon as the 10. // user logs on your system. 11. //重视上面这段话,在用户试图管理文件前,你必须在这里验证用户是否有权限 操作, 12. //比如检查用户是否登录了,等等。
如果验证成功,返回 true, 13. //否则返回 false 以拒绝此操作。
14. //如果你直接返回 true,这将是非常危险的,任何一个人,只要知道你 ckfinder 的路径, 15. //都可以随意上传或者删除文件,这将是毁灭性的 16. 17. //return false 18. return true 19. 20. 21. / 22. All configuration settings must be defined here. 23. / 24. public override void SetConfig 25. 26. // Paste your license name and key here. If left blank CKFinder will 27. // be fully functional in Demo Mode. 28. LicenseName 29. LicenseKey 30. 31. // The base URL used to reach files in CKFinder through the browser. 32. BaseUrl /ckfinder/userfiles/ //在这里指明你想把上传的文件放到哪里 33. // The phisical directory in the server where the file will end up. If 34. // blank CKFinder attempts to resolve BaseUrl. 35. BaseDir 36. 37. //后面还有代码 38. //... public override bool CheckAuthe // WARNING : DO NOT simply // anyone to upload and l // some kind of session val //接下来,你可以通过以下 3 种方式使用 CKEditor,使用哪一种取决于你的偏好和习惯。
方式 1 控件加载法这是在.Net 环境下最简便的方式,对于习惯了拖控件的同志们来说,这是最好的方式,推荐使用。
1. 添加 CKEditorControl 控件在 Visual Studio 左侧的工具箱中点击右键,在弹出的菜单中选择“选择项I…”①菜单,将弹出选择工具箱项窗口,点击“浏览”按钮②在你网站根目录的 Bin 文件夹中找到刚刚添加的CKEditor.NET.dll③,一路点确定完成。
你会发现工具箱里多了一个叫“CKEditorControl”的控件,没错,那个就是我们需要的 CKEditor 编辑器控件。
2. 添加 dll 引用右键点击你的 Web 项目,选择“添加引用R…”菜单,找到之前拷贝进来的 CKEditor.NET.dll和 CKFinder.dll,点击“确定”按钮完成操作,见下图。
3. 还等什么,赶快试用吧双击该控件或直接把该控件拖放到你的 aspx 页面中,并配置 CKEditor 的基路径 BasePath。
view plaincopy to clipboardprint 1. 4.
上一篇:
【精品】1、Java入门
下一篇:
经济民主一种关于劳动的政治经济学