ASP.NET环境下集成CKEditor与CKEditor实现文件上传

1、从http://ckeditor.com网站上下载ckeditor_aspnet_3.6.4与ckfinder_aspnet_2.4;

2、解压下载的文件ckeditor_aspnet_3.6.4.zip,得到

解压下载的文件ckfinder_aspnet_2.4.zip,得到

3、将ckeditor_aspnet_3.6.4\_Samples\bin文件夹下的CKEditor.NET.dll和CKEditor.NET.pdb,以及ckfinder_aspnet_2.4\ckfinder\bin\Debug文件夹下的CKFinder.dll和CKFinder.pdb文件复制到项目bin文件夹中;

4、将CKEditor和CKFinder文件夹复制到项目中

5、修改项目配置文件web.config和Ckeditor\config.js、Ckfinder\config.ascx;

(1)web.config文件中在<system.web></system.web>之间加入:

    <pages>

        <controls>

            <add tagPrefix="CKEditor" assembly="CKEditor.NET" namespace="CKEditor.NET"/>

        </controls>

    </pages>

(2)Ckeditor\config.js集成指定上传文件浏览服务、上传图片、上传FLASH等调用的CKFinder地址,修改如下:

CKEDITOR.editorConfig = function( config )

{

    // Define changes to default configuration here. For example:

    // config.language = ‘fr‘;

    // config.uiColor = ‘#AADC6E‘;

    config.language = ‘zh-cn‘;

    config.filebrowserBrowseUrl = ‘/ckfinder/ckfinder.html‘; //上传文件时浏览服务文件夹

    config.filebrowserImageBrowseUrl = ‘/ckfinder/ckfinder.html?Type=Images‘; //上传图片时浏览服务文件夹

    config.filebrowserFlashBrowseUrl = ‘/ckfinder/ckfinder.html?Type=Flash‘;  //上传Flash时浏览服务文件夹

    config.filebrowserUploadUrl = ‘/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files‘; //上传文件按钮(标签)

    config.filebrowserImageUploadUrl = ‘/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images‘; //上传图片按钮(标签)

    config.filebrowserFlashUploadUrl = ‘/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash‘; //上传Flash按钮(标签)

};

 

(3)Ckfinder\config.ascx指定上传文件时是否需要授权,默认返回false,修改为true。(注意:在正式项目中不可直接返回true,而要验证用户登录成功后才可返回!)

public override bool CheckAuthentication()

    {

        // 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.

        return true ;

    }

6、在项目中新建一个editor.aspx,源码如下:

<body>

    <form id="form1" runat="server">

    <div>

    <CKEditor:CKEditorControl ID="CKEditor1" runat="server" Height="200" BasePath="~/ckeditor">

        &lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;

        </CKEditor:CKEditorControl>

    </div>

    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />

    <br />

    <asp:Literal ID="Literal1" runat="server"></asp:Literal>

    </form>

</body>

在editor.aspx.cs文件中输入:

protected void Button1_Click(object sender, EventArgs e)

    {

        Literal1.Text = CKEditor1.Text;

}

7、修改CKFinder使其动态命名上传的文件,重新生成CKFinder.dll文件

修改CKFinder的源码。CKFinder自带有源码,目录:/CKFinde/_source
在VS里新建一个 现在的项目 指向CKFinde/_source/CKFinder.Net.sln
(1) 打开/Settings/ConfigFile.cs文件
定位27行,添加一个属性:public bool RandomReName; //随机重命名
定位63行,给刚才的属性赋值:RandomReName = true; //默认值为true
保存关闭文件
(2) 打开/Connector/Config.cs文件
定位61行,添加一个属性:
        public bool RandomReName
        {
            get { return Settings.ConfigFile.Current.RandomReName; }
        }
保存关闭文件
(3) 打开/Connector/CommandHandlers/FileUploadCommandHandler.cs文件
定位84行,添加一句判断代码:
                        if ( Config.Current.RandomReName)  //使用随机名
                            sFileName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + "." + sExtension;

保存关闭文件,注意:这里会跳出一个错误,sExtension未定义,查找一下这个变量的定义,然后放在它后面就行了。

(4) 重新生成项目,把/ckfinder/_source/bin/Debug/CKFinder.dll覆盖/ckfinder/bin/Release/CKFinder.dll或者网站项目去掉之前加入的引用再重新从CKFinder.Net项目里的Dll

时间: 2024-07-29 17:50:32

ASP.NET环境下集成CKEditor与CKEditor实现文件上传的相关文章

CKEditor 整合CKFinder实现文件上传及富文本操作

事先说明:此整合的是java版本的  1,下载需要资源: a) ckeditor_4.4.5 (解压)(原谅我喜欢功能强大的,如果你不喜欢,可以用basic版的) http://download.cksource.com/CKEditor/CKEditor/CKEditor%204.4.5/ckeditor_4.4.5_full.zip b) ckeditor-java-3.6.6.2 (解压)(这个可以作为一个参考来看看,不想下载也可以,也有.Net版的) http://download.ck

win10下git与gitlab安装与文件上传

目前了解到的版本管理工具有三种:gitlab  GitHub 和 码云 个人感觉 gitlab 在公司用的较多 便于协同办公   GitHub各种资源有很多,适合个人使用   码云是中文版 便于入门 无论哪种版本管理工具都要使用 git 作为媒介上传和克隆代码 ,本文主要介绍gitlab相关,后续增加其他两种 什么是git? (来自百度百科) 总之,要想实现代码的云管理,首先要在自己的电脑上安装 git, 其次在gitlab(或GitHub)创建一个账号,在通过一顿配置,就可以把本地的代码上传到

asp.net环境下的静态类以及静态变量

在ASP.NET环境下,静态类最大的特点就是共享. 大家都知道,静态类是不能实例化的,我们直接使用它的属性与方法. 因此 我们可以做一些比较有意思的事情.比如说预热数据. public static class StaticClass { public static int n = 0; public static void TestAdd() { n++; } } 网页 P1.aspx 调用 StaticClass.TestAdd(),并在页面上输出 n. 网页 P2.aspx 调用 Stat

在spring环境下集成ActiveMQ

1.参考文献 Spring集成ActiveMQ配置 Spring JMS异步发收消息 ActiveMQ 2.环境 在前面的一篇ActiveMQ入门实例中我们实现了消息的异步传送,这篇博文将如何在spring环境下集成ActiveMQ.如果要在spring下集成ActiveMQ,那么就需要将如下jar包导入项目: 本文有两篇参考文献,因此有两个实例,项目结构如下图所示: 3.实例1 信息发送者:HelloSender.java package edu.sjtu.erplab.springactiv

asp.net 环境下当javascript验证不通过是禁止button按钮执行onclick事件的

把内容过程重要的一些内容段做个记录,下边资料是关于asp.net 环境下当javascript验证不通过是禁止button按钮执行onclick事件的内容. <script type ="text/javascript" language="javascript">function checkInput() { var strMsg = "";var userName = document.getElementById("&

Ckeditor与Ckfinder(java)整合实现富媒体内容编辑(支持文件上传)

先来看一下最终的效果图 一.编辑器界面 二.上传图片界面 <!-------------------------------------------------------> 一.安装包下载,我使用的安装包是ckfinder_java_2.3.zip和ckeditor_3.6.3.zip,这两个文件可以分别到http://ckfinder.com/download和http://ckeditor.com/download下载,注意我使用的开发语言是java,所以下载cfinder的时候需要选择

jsp中如何整合CKEditor+CKFinder实现文件上传

最近笔者做了一个新闻发布平台,放弃了之前的FCKEditor编辑器,使用了CKEditor+CKFinder,虽然免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这个.笔者使用的版本分别是:CKEditor3.5.3+CKFinder2.0.2,今天笔者整理了一下配置CKEditor和CKFinder的过程,以及需要注意的一些问题,希望对大家有所帮助. 第一:下载CKEditor和CKFinder相关的安装文件 1.在CKEditor官网http:

ASP.NET MVC下使用文件上传

这里我通过使用uploadify组件来实现异步无刷新多文件上传功能. 1.首先下载组件包uploadify,我这里使用的版本是3.1 2.下载后解压,将组件包拷贝到MVC项目中 3.  根目录下添加新文件夹Uploads,然后新建控制器UploadifyController.cs using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Web; using S

Windows环境下用C#编程将文件上传至阿里云OSS笔记

本系列文章由ex_net(张建波)编写,转载请注明出处. http://blog.csdn.net/ex_net/article/details/24962567 作者:张建波 邮箱: [email protected]  欢迎来信交流! 第1步: 下载阿里云OSS的SDK包,由于笔者的环境是PHP服务,所以下载的是PHP的SDK包 http://help.aliyun.com/view/13438816.html 第2步:将代码整合进你的网站或服务中. 第3步:配置OSS访问接口 (1)找到c