有关CKEditor和CKFinder的集成

摘要:
在这种情况下,FCKeditor团队推出了一个FCKeditor的重写版本——CKEditor。新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder。CKEditor的配置下面我们看一下在asp.net环境中如何使用新版本的CKEditor和CKFinder。CKEditor的配置相对FCKeditor来说非常简单。确保你已经正确设置该文件中的设置,并确定CKFinder在里面。与CKEditor集成:按照上面的配置好以后,理论上CKEditor和CKFinder都应该能使用了。但是这个时候CKEditor还不具备上传功能,得把两个东西集成在一起。

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它能在asp、 asp.net、PHP、JSP等多个平台下使用,并且支持大部分浏览器,所以在它出现的6年时间里,成为了最流行的文字编辑器。
随着技术的发展,很多更新更方便的东西为开发者提供了更大的便利。在这种情况下,FCKeditor团队推出了一个FCKeditor的重写版本——CKEditor。
新版本的CKEditor加载速度更快、更方便使用,在新版本的基础上又一个全新的用户界面,甚至可以让用户精确地自定义颜色。CKEditor经过了重写,提供了丰富而强大的集成和互动的API。该编辑器是完全基于插件的,它可以扩展和所有部件以符合所有需求。
新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder。如果同时需要上传功能,就需要再下载CKFinder(http://www.ckfinder.com/ )。

CKEditor的配置
下面我们看一下在asp.net环境中如何使用新版本的CKEditor和CKFinder。
CKEditor的配置相对FCKeditor来说非常简单。将文件夹拷贝到你的程序目录,然后你只需要在页面中添加js引用:
<script type="text/javascript" src="http://t.zoukankan.com/ckeditor/ckeditor.js" ></script>
然后在页面中就能够使用:
<textarea cols="80" name="editor1" rows="10">这里是内容 这样就可以使用了。
在asp.net下,如果想使用后台取得编辑器里的数据,可以这样来做:
<asp:TextBox runat="server" TextMode="MultiLine"></asp:TextBox>
<script type="text/javascript">CKEDITOR.replace( '<%= txtContent.ClientID %>' ); </script>
<%= txtContent.ClientID %>是服务器控件被编译过以后在HTML中显示的ID名,这样就可以通过后台调用编辑器中的数据了。
为了减少编辑器的大小,可以删除一些不必要的文件,如把_samples、_source、_tests三个文件夹删除,进入lang文件目录,保留en.js、zh.js、zh-cn.js三个文件,其余的语言文件如果你用不到,可以删除。

CKFinder的配置:
1、把解压后的/ckfinder/夹拷贝到你的web目录下;然后把bin目录下的dll文件拷到你自己的bin目录下。
2、创建一个上传文件的目录。在默认配置的情况下,/ckfinder/userfiles/是上传目录;如果想修改上传目录,修改config.ascx文件中的BaseUrl = "/uploads/",这里是以根目录作为绝对路径的目录,注意以反斜杠结尾。
3、确保你的文件夹能被网络访问写入。在Windows里,给IUSR_<ServerName>用户写权限;CKFinder可以结合 session来判断用户是否有权限进行上传。如果不需要进行用户身份验证,那么修改config.ascx文件里的 CheckAuthentication()函数,直接返回true。要进行身份验证,也是修改这个函数。
4、编辑config.ascx文件。确保你已经正确设置该文件中的设置,并确定CKFinder在里面。
然后测试是否可用,运行下面这个页面:
/ckfinder/_samples/aspx/standalone.aspx
没有意外的就,应该能使用了。
PS:网上一些教程说CKFinder需要付费才能上传,那是放屁。未注册的CKFinder照样可以使用全部功能,只不过在编辑器里放了个LOGO而已。

与CKEditor集成:
按照上面的配置好以后,理论上CKEditor和CKFinder都应该能使用了。但是这个时候CKEditor还不具备上传功能,得把两个东西集成在一起。代码相当简单:

<asp:TextBoxID="txtContent"runat="server"TextMode="MultiLine"></asp:TextBox><scripttype="text/javascript"><!--//Thiscallcanbeplacedatanypointafterthe
//<textarea>,orinsidea<head><script>ina
//window.onloadeventhandler.
//Replacethe<textareaid="editor">withanCKEditor
//instance,usingdefaultconfigurations.CKEDITOR.replace('<%=txtContent.ClientID%>',
{
filebrowserBrowseUrl:
'../ckfinder/ckfinder.html',
filebrowserImageBrowseUrl:
'../ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl:
'../ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl:
'../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',
filebrowserImageUploadUrl:
'../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl:
'../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'
}
);
//--></script>

免责声明:文章转载自《有关CKEditor和CKFinder的集成》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇如何把Electron做成一个Runtime,让多个应用共享同一个Electron锁和多线程:3种锁的使用(二)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ASP漏洞+SQL注入的入侵方法

本文就是想对装上了防火墙的主机,进行入侵攻击的大概思路小结一下。 首先当然是用扫描器对这台服务器(以下简称主机A)进行常规的扫描,得到初步的信息。再用nmap -sS IP -P0 -p 139 ,透过防火墙查看是否开有139端口。从上面得到的信息我们可以简单的判断到:主机A的系统是什么,装有防火墙的 话,一般是只允许80端口开放的。如果能够泄漏asp源...

ASP.NET Dynamic Data Part.2(自定义动态数据网站)

必须强调 3 点: 动态数据项目是基于 ASP.NET 构建的 动态数据依赖于一系列的模板,它们用于显示和编辑数据 动态数据应用中的一切都是可以进行自定义的 有很多方式可用来扩展、修改以及调整动态数据应用程序,因此,有时候对它们的选择会很困难。 使用模板进行自定义 模板是动态数据应用程序的核心。我将演示使用模板自定义数据被如何呈现到客户端的几个不同方式...

Asp.net2.0 VS 2005下的repeater控件本功能分页实例(共有 条记录 共有几页 当前第 页 首页,上一页,下一页,尾页 DropDownList跳转)

一、预览效果二、前台控件呈现部分 <asp:repeater id="LeaveMessage" runat="server" ><ItemTemplate><table width="100%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor=...

各种在线编辑器漏洞

常见的一些编辑器:ewebeditor ewebeditornet fckeditoreditor southidceditor SouthidcEditor bigcneditor其实如果大家多关注编辑器的话,会有惊人的发现,尤其是jsp,php版的,一个webshell基本上就是一台服务器啊~~~一:首先说说最近不断爆洞的ewebeditor(一)ASP...

基于ASP.NET MVC(C#)和Quartz.Net组件实现的定时执行任务调度

http://www.cnblogs.com/bobositlife/p/aspnet-mvc-csharp-quartz-net-timer-task-scheduler.html 在之前的文章《推荐一个简单、轻量、功能非常强大的C#/ASP.NET定时任务执行管理器组件–FluentScheduler》和《简单、轻量、功能非常强大的C#/ASP.NET...

WebService客户端调用错误处理

错误处理 •调用时可以提供一个额外的错误回调函数 •包括超时和服务器端抛出的异常 •超时只能设置在WebService级别 –或者设置在PageMethods对象上 –无法在每个MethodCall时指定 •Sys.Net.WebServiceError –timedout、message、exceptionType、stackTrace属性 aspx  ...