因设计一个线上考试系统,需要考生上传相关设计的图片,因此在网上查找了使用ckeditor+ckfinder技术上传图片的文章,网上相关文章很多,但大多都不能完全成功,通过不断的参考和大量的调试,总算成功地实现了图片的上传功能。
一、官方Download
1、CKEditor :选择”Full Package”,单击“Download“按钮,下载文件:ckeditor_4.17.1_full.zip
2、CKFinder :点击Asp.net标签下的“Download zip packape”按钮,下载文件:ckfinder_aspnet_2.6.3.zip
二、具体部署
1、分别解压下载下来的这2个文件,并把解压后的子目录ckeditor和ckfinder文件夹拷贝到你的项目中;

图1
2、CKEditor配置的修改
(1)设置CKEditor的工具栏
在win中双击ckeditor\samples\index.html:

图2
单击右上部的“TOOLBAR CONFIGURATOR”按钮,出现工具栏按钮选择界面:

图3
配置完成,单击“Get toolbar config”按钮,并将其中的配置代码拷贝到ckeditor\config.js文件中。

图4
将下面的代码添加到ckeditor\config.js的配置

本文介绍了如何在.NET环境中结合CKEditor4和CKFinder实现线上考试系统中图片上传功能。首先从CKEditor和CKFinder官网下载相应版本,然后部署并配置这两个工具,包括CKEditor的工具栏设置、image.js文件修改,以及CKFinder的config.ascx文件调整。接着在页面中引用所需DLL,设计JSON格式的上传接口Upload.ashx,并处理上传后的图片数据。最后,展示在页面中使用CKEditor和CKFinder进行图片上传的步骤。
最低0.47元/天 解锁文章
1221

被折叠的 条评论
为什么被折叠?



