CKEditor+CKFinder配置学习

2024-06-07 03:52:14

CKEditor+CKFinder配置学习

基于dotNetFramework环境，

解决方案部署在VS2010 + dotNetFramework4.0

【下载源码】

富文本编辑器学习，常见富文本编辑器有：

CKeditor（FCkeditor）、UEditor(百度推出的)、NicEdit、KindEditor

在本系列博文里，着重介绍前两种文本编辑器的使用，边学边学，还望虾米们来此指教！

CKEditor及CKFinder下载：

CKEditor：ckeditor_aspnet_3.6.2.zip

CKFinder：ckfinder_aspnet_2.1.1.zip

CKEditor解压缩：

CKFinder解压缩：

可以看到：CKEditor中有两个解决方案：

CKEditor.NET.sln 不带有示例的解决方案；

CKEditor.NETwithSamples.sln带有示例的解决方案；

在这里我们打开带有示例的解决方案CKEditor.NETwithSamples.sln

调试并运行之：按下F5键即可

如何才能够让他带有上传附件的功能呢？

在这里我们需要配置一下CKEditor的插件——CKFinder

将解压缩后的CKFinder文件夹拷贝到CKEditor目录下的

CKEditor.NET目录下；

即示例中的CKEditor 文件夹如下图：

这里我们需要修改一下CKEditor及CKFinder的配置文件，让他实现上传功能；

CKEditor文件夹下的config.js

config.js

CKFinder文件夹下的config.ascx

config.js

给项目添加DLL

找到CKFinder文件夹下的bin包中的CKFinder.dll拷贝到CKEditor项目中的bin包下，即添加CKFinder.dll引用到项目中；

最后一步：在后台代码中添加

后台代码

然后按下F5调试运行即可！

示例页面：

FirstUse.aspx

【下载源码】

http://www.cnblogs.com/guanhp2013/archive/2012/03/06/2381203.html

CKEditor+CKFinder配置学习相关推荐

ckfinder php 配置,PHP中Ckeditor+Ckfinder配置图片上传功能_PHP教程
从标题来看我们知道Ckeditor不支持图片上传功能,它是需要一个组件Ckfinder才可以支持上传图片, 本文章就来详细的介绍了如何配置Ckeditor+Ckfinder实现图片上传的功能. 第一: ...
网络编辑器插件ckeditor+ckfinder配置
原帖地址另外一个去掉编辑器的下边栏在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = fa ...
ckeditor+ckfinder配置用法
ckeditor+ckfinder配置用法一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="te ...
ckeditor+ckfinder配置
ckeditor+ckfinder配置用法一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type=&q ...
ckeditor 和ckfinder配置
ckeditor+ckfinder配置用法一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text ...
ckeditor finder php,CKEDITOR CKFINDER的图片上传配置(C#/asp.net/php)
CKEDITOR+CKFINDER的图片上传配置(C#/asp教程.net/php教程) php keditor的代码全部重写,但里面没有了上传功能,只是一个纯粹的文件在线编辑器,如果需要上传图片,还 ...
Ckeditor and ckfinder 配置实现截图上传图片到远程服务器
Ckeditorand ckfinder 配置实现上传图片到远程服务器 1. 从ck官网下载两个文件. (文件夹解压后不必要的文件可以删除,samples.help 等以及skin皮肤文件夹 ...
在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能
前言之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor ...
使用Ckeditor+Ckfinder完成图片上传
在介绍CKEditor之前,首先要了解Fckeditor.FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器,具有轻量化,安装配置的特点,能够和PHP.JavaScript. ...

最新文章

热门文章