富文本编辑器(CkeditorCkfinder)实现富文本编辑和图片文件的上传的配置方法.doc
文本预览下载声明
Ckeditor+Ckfinder在Asp.net实现富文本编辑和图片文件的上传的配置方法
下载Ckeditor和Ckfinder。
(一)百度搜索Ckeditor和Ckfinder,点击排名第一的网站。
(二)在其官方网站的download和free trial栏目下载免费的文件包。注意要选择Asp.net
二、解压缩文件并选择加入Asp.net网站所需的文件夹。
1.复制ckeditor的_Samples文件夹下的bin和ckeditor两个文件
2.复制cfinder整个文件夹,并将bin/release文件夹下的dll文件复制到富文本编辑器的bin文件里。
注意这里就有两个dll文件了。
整理的结果如下:
最后将文件夹拷贝到网站根目录下:
Asp.net配置ckeditor和ckfinder
1.添加对两个bin文件夹下dll文件的引用
2.在工具箱加入ckeditor控件,选择选择项。在选择工具箱.netFramework组件中浏览选择bin文件夹中的CKEditor.NET.dll文件,工具箱将会多出一个CKEditorControl控件。
2.在需要使用富文本编辑器的网页中加入CKEditorControl控件。
在属性窗口输入都要ckfinder文件浏览和上传功能的管理页面,包括浏览服务器和上传两个功能。
注意目录一定要正确
FilebrowserBrowseUrl=../fwh_new_bjq/ckfinder/ckfinder.html?Type=Files
FilebrowserFlashBrowseUrl=../fwh_new_bjq/ckfinder/ckfinder.html?Type=Flash FilebrowserImageBrowseUrl=../fwh_new_bjq/ckfinder/ckfinder.html?Type=Images
FilebrowserFlashUploadUrl=../fwh_new_bjq/ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Flash FilebrowserImageUploadUrl=../fwh_new_bjq/ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Images FilebrowserUploadUrl=../fwh_new_bjq/ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Files
选择/ckfinder/config.ascx文件,修改授权规则和上传目录。
设置成功后的情形。
显示全部