您的位置:首页 > 其它

结合CKFinder,给CKEditor加上上传图片功能

2012-08-27 21:57 627 查看
1,将ckeditor解压打开,打开_Samples,将ckeditor文件夹拷贝项目中的根目录下,把bin放在根目录下

2,将ckfinder解压,ckfinder文件夹拷贝项目中的根目录下,把bin放在根目录下,把_sample,_source,help文件夹删除掉,(注:没有用)

3,在ckeditor文件下找到config.js 打开,找到在CKEDITOR.editorCongig=function(config) {

//填写以下内容,图片,flash路径

config.uiColor = '#F7F8F9'

config.scayt_autoStartup = false

config.language = 'zh-cn'; //中文

config.filebrowserBrowseUrl = '~/ckfinder/ckfinder.html';

config.filebrowserImageBrowseUrl = '~/ckfinder/ckfinder.html?Type=Images';

config.filebrowserFlashBrowseUrl = '~/ckfinder/ckfinder.html?Type=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'; };

4,在ckfinder文件下找到config.ascx文件,打开

1)把public overrider bool ChekcAuthentication(){return false;改为:return true;}

2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}

5,在页面中head标签内写入: <script type="text/javascript" src="ckeditor/ckeditor.js" ></script> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> 如果有母版页,在母版页中写

--注:单纯的配置,6,7可以不要,但是一旦要入数据库中,就要配置6.7步骤

6,在Default.aspx页面中,写入%@Page ValidateRequest="false"%

7,在web.config文件中,在system.web下写 <httpRuntime requestValidationMode="2.0"/>

8,在Default.aspx页面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox> <script type="text/javascript"> CKEDITOR.replace('<%= txtcontent.ClientID %>', { skin: 'kama' }); </script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: