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引用:
<mce:script type="text/javascript" src="ckeditor/ckeditor.js" mce_src="ckeditor/ckeditor.js"></mce:script>
然后在页面中就能够使用:
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">这里是内容 这样就可以使用了。
在asp.net下,如果想使用后台取得编辑器里的数据,可以这样来做:
<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine">
</asp:TextBox><mce:script type="text/javascript">
<!-- CKEDITOR.replace( '<%= txtContent.ClientID %>' ); // -->
</mce: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>
<mce:scripttype="text/javascript"><!--
// This call can be placed at any point after the
// <textarea>, or inside a <head><script> in a
// window.onload event handler.
// Replace the <textareaid="editor"> with an CKEditor
// instance, using default configurations.
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'
}
);
// --></mce:script>
如果路径没有配置错误,那么恭喜你,享受全新的CKEditor吧!
分享到:
相关推荐
在"MvcSample"这个项目中,开发者已经预先配置了CKEditor4.47和CKFinder的集成,适用于ASP.NET MVC4或MVC5环境。MvcSample.rar是项目源代码的压缩文件,解压后可以导入到Visual Studio中进行查看和运行。MvcSample....
综上所述,这个项目展示了如何在ASP.NET环境中集成CKEditor4和ckfinder,以实现一个完整的图片上传和管理解决方案。开发者需要理解ASP.NET的基本架构,HTTP处理程序的工作原理,以及如何配置和使用CKEditor和...
本项目是关于如何在ASP.NET MVC3环境中配置CKEditor 4.4.0版本与CKFinder进行图片上传的详细步骤。 首先,`Global.asax`文件是ASP.NET应用程序的全局应用事件处理程序,它定义了应用程序启动、结束、请求开始等关键...
在这个版本中,开发者们对CKEditor进行了多方面的优化,以确保其在不同环境下的稳定性和兼容性。 首先,CKEditor 3.0 强化了文本格式化功能,允许用户轻松地进行段落调整、字体样式设置、颜色选择、列表创建以及...
是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。...
在ASP.NET环境中配置CKEditor和CKFinder,主要步骤如下: 1. **安装CKEditor**:首先,你需要从CKEditor的官方网站下载最新版本的编辑器文件,解压后将所需的JavaScript和CSS文件部署到你的ASP.NET项目的公共资源...
本文将详细介绍如何在ASP.NET环境中集成CKEditor5并实现图片上传功能。 首先,我们需要在项目中引入CKEditor5的相关库。这通常通过NuGet包管理器完成,搜索"CKEditor.NET"或"CKEditor5",安装对应的包。安装完成后...
这篇内容我们将深入探讨如何将CKfinder整合进CKEditor 3.0,以便实现更丰富的文件上传和管理功能。 CKEditor 3.0 是CKEditor系列的一个版本,它提供了一个用户友好的界面,支持多种文本格式、样式和插件。它的核心...
通过以上文件,开发者不仅可以了解CKeditor的功能,还能学习如何在ASP.NET环境中进行集成和自定义。CKeditor的易用性和灵活性使其成为许多Web开发者的首选编辑器,而ASP.NET框架的支持则确保了它在.NET开发中的广泛...
### ASP.NET部署ckeditor_3.6.2及插件ckfinder_aspnet_2.1 #### 一、ckeditor_3.6.2部署步骤详解 ckeditor是一款非常强大的富文本编辑器,在许多Web项目中被广泛应用。对于使用ASP.NET开发的应用程序来说,正确地...
本篇文章将详细介绍如何在ASP.NET MVC项目中配置和使用CKEditor及CKFinder来实现图片和Flash的上传功能。 首先,我们需要在项目中引入CKEditor和CKFinder的相关库。这通常通过NuGet包管理器完成,安装"CKEditor.NET...
.NET环境下ckeditor与ckfinder配置(附ckfinder1.x注册机)
最强大WEB编辑器Ckeditor+ckfinder ASP.NET破解版,就是一个vs2010的项目解压下载后就可以使用。已经破解了,不用再有版权问题,能给大家一个满意的好资源
在ASP.NET开发中,CKEditor和CKFinder是两个非常实用的工具,用于增强网页内容编辑和文件管理功能。CKEditor是一款强大的富文本编辑器,而CKFinder则是一个文件管理器,两者结合可以方便地实现图片和其他媒体文件的...
1,根据CKEditor4源文件整合; 2,集成了图片上传功能,详见upload.ashx; 3,集成了文件上传功能,并已将文件按【年月】文件夹分类...4,提供了文件上传功能的官方源文件,可自行更改文件命名方式,并生成CKFinder.dll
在ASP.NET框架下集成CKEditor,开发者可以方便地在网页表单中添加文本编辑区域,让用户能够进行复杂的文本格式化。ASP.NET是微软推出的一种用于构建动态网站、Web应用和Web服务的开发框架,它提供了一整套服务来帮助...
4. **配置ckfinder与ckeditor的集成**:在ckeditor的配置文件(`config.js`)中,添加ckfinder的配置项,指定ckfinder的路径和类型(如图片、文件等),使ckeditor能够调用ckfinder进行文件操作。 5. **测试和调试*...
在ASP.NET环境中,Ckeditor可以通过NuGet包或者手动下载集成到项目中。集成后,通过简单的JavaScript调用,可以在网页上快速创建一个功能完备的文本编辑区域。开发者还可以自定义编辑器的样式和功能,以满足特定需求...
通过EditorDemo这个项目,你将能够看到一个完整的.NET环境下CKEditor与CKFinder的集成示例,包括前端页面的设置、后端处理逻辑以及相关的配置文件。通过学习和分析这个实例,开发者可以快速掌握如何在自己的.NET项目...
通过以上步骤,CKEditor 3.6和CKFinder 2.2可以在ASP.NET项目中协同工作,为用户提供一个功能完备的在线编辑和文件管理环境。这不仅可以提升用户体验,也有助于提高网站内容的更新和维护效率。在实际开发中,开发者...