CKEditor+CKFinder ASP版在本地电脑中的配置

最新推荐文章于 2023-08-12 16:12:39 发布

cui55

最新推荐文章于 2023-08-12 16:12:39 发布

阅读量1.4k

点赞数

分类专栏： ASP

ASP 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

CKEditor+CKFinder ASP版在本地电脑中的配置；

说明一下：在本地电脑中建立zhongyuan文件夹，作为本地测试所用的网站的根目录；如下：

http://localhost/zhongyuan

第一步：将CKEditor，CKFinder下载好，并解压于网站根目录zhongyuan下。

第二步，在网站根目录zhongyuan下建立test.html

在test.html中先引入CKEditor的JS文件和CKFinder的JS文件

第三步加载编辑器：在test.html中加入

<textarea id="content" name="content" class="ckeditor">初始化内容...</textarea>
<script type="text/javascript">
   if (typeof CKEDITOR == 'undefined') {
   document.write('加载CKEditor失败');
   }
   else {
   var editor = CKEDITOR.replace('content');
   CKFinder.SetupCKEditor(editor, '../zhongyuan/ckfinder/'); //ckfinder总目录的相对路径.注意此处的写法，(../根目录(zhongyuan)/ ckfinder/)
}

</script>

第四步配置CKEditor下的config.js文件：

下面的路径都要带上根目录(zhongyuan);

config.filebrowserBrowseUrl = '/zhongyuan/ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = '/zhongyuan/ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = '/zhongyuan/ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = '/zhongyuan/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = '/zhongyuan/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = '/zhongyuan/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash';

此代码为启用上传图片的功能

第五步修改ckeditor/plugins/image/dialogs/image.js 文件：
// hidden: ture, 为原来的默认值，浏览按钮为不显示。改为 hidden:false,
{type:'button',id:'browse',style:'display:inline-block;margin-top:10px;',align:'center',label:q.lang.common.browseServer,hidden:false,filebrowser:'info:txtUrl'}

第六步修改/ckfinder/config.asp

（1）查找CheckAuthentication
修改CheckAuthentication = false为true '只适合本机测试，否则很危险
如果挂上互联网，还需检测权限，以我的代码为例
if Session("admin") <> true then
CheckAuthentication = false
else
CheckAuthentication = true
end if

（2）修改baseUrl的值，文件设置上传的保存目录，记得为这个目录开写权限

在根目录下建立上传图片文件夹uploadfiles;

baseUrl = "/zhongyuan/uploadfiles/" ;说明，baseUrl设置时，也要带上根目录(zhongyuan)；

(3)不用上传组件的话，修改下面的信息；

Images.Add "component", "Auto" 改为 Images.Add "component", "none"

至此，结束。