来源:http://www.cnblogs.com/leolis/archive/2012/08/29/2662357.html
在网站开发中,如果有发布类似新闻的图文混排需求时,CKEditor不失为一个很好的选择,下载地址如下:
http://ckeditor.com/download
它的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码,还有一种方法是使用CKFinder,下载地址如下: http://ckfinder.com/download
下面详细描述一下使用它们的时候如何配置。
CKEditor我下载的是3.6.4,CKFinder下载的是2.3 for ASP.NET,首先解压所有的文件,然后将ckeditor和ckfinder文件夹放到网站的目录下,可以删除ckeditor和ckfinder文件夹下的_samples、_source 文件夹,将CKFinder.dll添加到站点的bin/文件夹中,然后在网站页面头部添加js的引用,具体路径根据自己放置的路径设置,如下:
<script src="../editor/ckeditor/ckeditor.js" type="text/javascript"></script> <script src="../editor/ckfinder/ckfinder.js" type="text/javascript"></script>在页面中添加一个textarea,具体代码如下:
<textareaname="individual" id="individual"runat="server"></textarea> <script type="text/javascript"> CKEDITOR.replace('individual'); </script>接下来打开ckeditor文件夹下的config.js文件,在CKEDITOR.editorConfig = function (config) {};方法中添加如下代码:
config.filebrowserImageBrowseUrl = '../editor/ckfinder/ckfinder.html?Type=Images'; config.filebrowserFlashBrowseUrl= '../editor/ckfinder/ckfinder.html?Type=Flash'; config.filebrowserUploadUrl= '../editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files'; config.filebrowserImageUploadUrl= '../editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images'; config.filebrowserFlashUploadUrl= '../editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'; config.filebrowserWindowWidth= '800'; //“浏览服务器”弹出框的size设置 config.filebrowserWindowHeight = '500';
上面的路径也需要根据自己的设置。
然后打开ckfinder文件夹下面的config.ascx文件,为了所有的人都能看到服务器上上传文件夹里面的文件,将函数public override boolCheckAuthentication返回值改为true,其实也可以根据自身网站的安全需要去更改代码,这里只是为了简单实现,代码如下:
publicoverrideboolCheckAuthentication() { // WARNING : DO NOT simply return "true". By doing so, you are allowing // "anyone" to upload and list the files in your server. You must implement // some kind of session validation here. Even something very simple as... // // return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true ); // // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the // user logs on your system. returntrue; }
并且在public override void SetConfig()方法中找到BaseUrl,这个即为存放上传文件的路径,根据自己的网站进行更改。
整个配置过程就是上面部分,现在可以进行测试了。
相关推荐
在asp中使用ckeditor开启图片上传功能的设置方法: 1、下载asp版本的ckfinder,放到ckeditor目录下 2、修改ckeditor\config.js,加上如下内容: CKEDITOR.editorConfig = function( config ) { config.scayt_...
ckeditor+ckfinder配置实现图片上传实例: 版本ckeditor4.0.1+ckfinder2.3.1,已经去掉授权提示, 需要的可以下下来研究下。
最新ckeditor_ckfinder整合超完整版 for PHP版让你的文本编辑器支持图片和FLASH的上传 附ckeditor完整中文配置
使用ckeditor结合ckfinder配置上传文字图片,本实例有后台数据库,有演示代码,自己研究总结,拿去吧!
ckeditor+ckfinder配置+操作详解,实现上传图片
Asp.Net mvc3中ckeditor4.4.0与ckfinder配置上传图片。
最新ckeditor_3.6.2 + ckfinder_2.1完整配置, 文件夹按照:文件类型/年/月,存储 文件自动安装年月日时分秒随机数生成
Asp.net 最新版CKEditor+CKFinder配置实现图片上传
以上文件包含 ckeditor3.6.4 和ckfinder2.3 及其他们的相关配置。经过本人测试,如若按照文档配置设置,能实现在线编辑功能以及图片等文件上传功能。
FCKEditor作为一款强大的页面编辑器已经被CKEditor取代,但是新版的CKEditor不再支持图片和文件的上传功能,需要依赖CKFinder来实现。CKEditor for Java 最新版本是3.5.3,CKFinder的最新版本是2.0.2,特做一个整合...
Ckeditor与ckfinder整合forJAVA(支持文件上传) 详细配置文档 有图例 适用4.0版本配置
最新版本的ckeditor,并成功将ckfinder集成进来,有详细的配置说明,可以在php平台直接使用。
内含有最新版CKEditor3.6.4 和CKFinder2.3,还有2个额外的文件ckfiner.js,主要...但官方原版的,会有几个demo样子,让你感觉这是试用版本的,把我的ckfinder.js文件覆盖一下,里面有个txt文档,几步教会你配置ckfinder
第一步:网站需要引用CKFinder的dll(目录:/CKFinder/bin/Release/CKFinder....配置完成后CKEditor 就带有上传功能了,但假如上传图片时,图片的文件是用原来图片的名字,想改为随机文件名呢,怎么办?接着看第三步。
CKEditor 4.0和CKFinder 2.1 在验证中,可以加入限制IP地址上传文件,根据会员的权限Session来限制等。 配置的时候 1. 注意ckEditor中config.js 的ckfinder的路径 2.ckfinder中,config.ascx 这里可以配置到 web....
最新版本的CK软件,刚从官网上下载,在最短时间内让你插入在线编辑控件.有现成的示例:default.aspx.全部经过测试,上传目录为根目录下的'Userfiles'.很遗憾,仍然没有粘贴Word的图像元素功能!(软件集成在word文件中)
4. 配置CKFinder进行上传图片,Flash等。 5.Ckfinder实现普通文件上传 ckfinder中实现文件上传后按当前时间改名 CKEditor 优化配置 精简Ckeditor 提速:禁用拼写检查 CKFinder 单独使用 ckfinder去掉注册的...
进行了相关的配置,包括CkFinder集成到 Ckeditor实现图片文件上传等。 中文字体设置,默认字体设置为宋体,大小为12px。 word文档格式不直接清理设置。 工具栏简化处理(只留常用工具)。 总之做了一个可以直接拿来...
这几天做的一个项目中需要在所见即所得编辑器中实现图片上传的功能,我...首先要让CkEditor出现图片上传的功能,需要配置编辑器的filebrowserImageUploadUrl属性:复制代码 代码如下:CKEDITOR.replace( ‘editor1’,
1.要上传文件的话要在web.xml中配置ConnectorServlet。 2.ckfinder要配置WEB-INF\config.xml文件,其实一般就修改下面两项设置,baseDir必须是绝对路径而且必须在tomcat6.0.32\webapps下(我放到其他地方不好用)。 ...