CKEditor3.6.2+CKFinder2.1控件的用法
?
现在很多人都用了CKEditor这个控件,其实CKEditor+CKFinder=FCK 只有利用CKFinder才可以实现CKEditor的上传功能!接下来我给大家讲的就是CKEditor的上传功能! ? 前期准备: 下载CKEditor3.6.2和CKFinder2.1 http://download.csdn.net/detail/jiede2011/3697627 ? 一、????????????? 把CKEditor3.6.2中的ckeditor文件夹(这个文件夹一般在ckeditor_aspnet_3.6.2_Samples目录下,只要你能找到ckeditor这个文件夹就好办)复制到你的web项目的根目录中,然后引用CKEditor.NET.dll文件(在_Samplesbin目录下,最好把他复制到项目中的ckeditor文件夹中在引用) 二、????????????? 把 CKFinder2.1中的的ckfinder文件夹复制到你的web项目的根目录中,然后引用CKFinder.dll(在ckfinderbinRelease目录下) 在VS工具箱中添加选项卡,并右击选择“选择项”浏览把CKEditor.NET.dll和CKFinder.dll(这个基本不用),然拖拽CKEditorControl到页面! 三、????????????? 这时我们把ckeditor中的ckeditor.js和ckfinder中的ckfinder.js拖拽到页面上如: <script src="ckeditor/ckeditor.js" type="text/javascript"></script> <script src="ckfinder/ckfinder.js" type="text/javascript"></script> 四、????????????? 为了CKEditor这个文本编辑器好看着,在CKEditor中的config.js添加如下代码: config.language = 'zh-cn'; //设置中文语言? ??? config.uiColor = '#AADC6E'; //编辑器颜色? ??? config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'; ??? config.toolbar_Full = [['Source','-','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','CreateDiv'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ??? ['Link','Unlink','Anchor'],['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],['Styles','Format','Font','FontSize'], ??? ['TextColor','BGColor'],['Maximize','ShowBlocks','About']]; ??? config.toolbar_Basic = [['Bold','NumberedList','Link','About']]; ??? config.width = 700; ??? config.height = 300; ? ??? config.filebrowserBrowseUrl = '/ckfinder/ckfinder.html'; //上传文件时浏览服务文件夹 ??? config.filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html?Type=Images'; //上传图片时浏览服务文件夹 ??? config.filebrowserFlashBrowseUrl = '/ckfinder/ckfinder.html?Type=Flash';? //上传Flash时浏览服务文件夹 ?? ?config.filebrowserUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files'; //上传文件按钮(标签) ??? config.filebrowserImageUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images'; //上传图片按钮(标签) config.filebrowserFlashUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'; //上传Flash按钮(标签) } ? 五、????????????? 在网上有很多人都说在CKFinder中的config.ascx添加如下代码: public override bool CheckAuthentication() ??? { ??????? return Request.IsAuthenticated; ??? ?? //return true; ??? } 不过你不设置这一步的话,那你必须return true哦!因为这是控制安全的代码,你设置为false的话就不能访问了! 六、????????????? F5运行看看!是不是报错?其实这个错完全对我们没有什么影响!因为我们要把它给删除了,在网上叫帮CKFinder瘦身:把ckfinder文件夹中的_samples文件夹和_source文件夹删除! 七、????????????? 这时候你运行就没有错了! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |