ckeditor拖拽添加html,CKEditor&CKFinder结合实现在线HTML编辑器

本文介绍了如何在ASP.NET项目中使用CKEditor和CKFinder创建一个在线HTML编辑器。通过下载和配置相关文件,设置CKEditor的皮肤、语言和工具条,然后在网页中添加CKEditor实例。接着,通过配置CKEditor的config.js文件启用CKFinder,实现文件上传功能。最后,调整CKFinder的config.ascx文件以解决安全问题,完成编辑器的搭建。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在做一个项目时需要用到在线HTML编辑器,之前做的是用的FreeTextBox,但总感觉不太完善。于是想起了FCKeditor,知道它很强大,但还没用过,于是准备使用FCKeditor。

FCKeditor目前已经改名为了CKEditor和CKFinder,CKEditor不包含上传文件功能,该功能被分割在了CKFinder中,因此需要同时使用这两个文件才能实现文件上传,同时因为我是基于ASP.NET开发的,需要同时下载CKEditor for ASP.NET。

下面详细介绍如下使用CKEditor&CKFinder实现在线HTML编辑器:

到官方下载相关文件(注意选择asp.net版本):ckeditor_3.6.2.zip ,ckeditor_aspnet_3.6.2.zipckfinder_aspnet_2.1.zip

我是在VS2010+SQL2008Express Win7 旗舰版的环境下开发的。

新建ASP.NET空网站,分别把下载的文件解压下,复制解压后的ckeditor_3.6.2里面的ckeditor整个文件夹粘贴到网站的根目录下,然后删除不用的文件,有童鞋称这个过程为“瘦身”,呵呵

结果如下:

afb4dd83bbd13e421fe90e21a9efe0e7.png

同样把解压后的ckfinder_aspnet_2.1的文件夹里的ckfinder文件夹整个复制粘贴到网站的根目录下,与ckeditor同级。也对其瘦身,结果如下:

a431aba6bf811877ae3fd0dede891442.png

添加到CKEditor.NET.dll和CKFinder.dll文件的引用,分别位于下载的文件的bin目录下。

接下来开始配置

先修改ckeditor,在ckeditor文件夹下打开config.js,添加如下代码,分别设置皮肤,语言,工具条

CK

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值