因设计一个线上考试系统,需要考生上传相关设计的图片,因此在网上查找了使用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的配置文件中
CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';