A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 源码技巧 > 父类数据 > 怎样在ASP CKEditor中实现上传图片功能

怎样在ASP CKEditor中实现上传图片功能

时间:2014-02-19 14:06作者:网络人气:1019

 文章整理了在ASP CKEditor中实现上传图片功能的方法,是根据网上的方法整理的,希望可以帮助到需要的站长朋友!

其实,ckeditor没有具备上传图片功能,但是与ckfinder工具集成就能实现这样的功能!

具体的操作方法如下:

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>(用ckfinder文件下skins文件下kama文件下的,skin.js,样式)

 

标签怎样在ASP CKEditor中实现上传图片功能

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号