FCKEditor配置及图片上传相关问题解决方案

下载 FCKeditor

首先到FCKeditor 网站,找到最新的版本。

1. 下载FCKeditor_2.6.5.zip 基本文件,解压缩的文件,然后复制到个人项目的根目录下。

2. 下载FCKeditor.Net_2.6.3.zip控件,解压缩,将FredCK.FCKeditorV2.dll 文件复制到个人项目的bin目录。


配置 FCKeditor文件以适应自己项目

ASP.NET项目根目录下。打开fckeditor 目录下的fckconfig.js,修改二项: 
FCKConfig.DefaultLanguage = 'en' ; 
改为 
FCKConfig.DefaultLanguage = 'zh-cn' ; 
----------------------------------------------------- 

var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py 
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py 
改为 
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py 
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py 

其它次要配置(不影响使用): 
* 可以把fckeditor 目录及其子目录下所有下划下开头的范例、源文件删掉。 
* 可以在fckeditor 目录下只保留fckconfig.js、fckeditor.js和几个xml文件,其余全部删掉。 
* fckeditor目录下的editor目录下有个filemanager目录,把该目录下的borswer/default/connectors 目录中除aspx目录以外的全部目录删掉。 
* 可以把editor/lang 目录下除zh-cn.js、en.js、zh.js之外的全部删掉。


这里有几个配置的相关文章可以看下:


在VS.NET中使用 FCKeditor

在vs05/08的工具箱上点右键,选择Choose Item,定位到解压 FCKEditor.Net后生成的FCKeditor.Net_2.6.3/bin/Release/2.0 目录下的 FredCK.FCKEditorV2.dll。该Tab下就会生成一个FCKEditor的.net组件。在vs的Design模式下把该组件拖放到界 面上。点击该组件,在属性面板上设置BashPath为/个人项目名/fckeditor/

注意:这里的个人项目名就是你建的ASP.NET的项目名 称,fckeditor为项目根目录下的目录名称


FCKeditor 图片上传

FCKEditor支持图片上传。可以在ASP.NET项目根目录下添加一目录,起名为UploadFiles。
在web.config里的appSettings段里 
< appSettings >
    < add  key ="FCKEditor:BasePath"  value ="/个人项目名/fckeditor" />
    < add  key ="FCKeditor:UserFilesPath"  value ="/个人项目名/UploadFiles/"  />
</ appSettings >

注意:UserFielsPath,这里设置的/个人项目名/UploadFiles/指定了要上传的目录。

当上传图片时有可能遇 到"this connector is disabled Please check the"editor/filemanager /connectors/aspx/config.aspx "的错误,这时可以更改fckeditor/editor/filemanager /connectors/aspx/config.ascxCheckAuthentication() 方法,返回true。


修改FCKeditor 图片文件返回地址
这时,你可能已经能够上传图片等文件了,但你会发现上传图片的地址会是这种格式:/个人项目名/UploadFiles/image/ 个人文件夹名/图片名
如果你的WEB服务器和你上传图片的服务器是同一个,那么就没问题。但如果你上传图片是在一台内网服务器,如192.169.0.100,但服务地址是在外网WEB服务器192.169.0.55。那么这个地址将不能让你访问到你需要的图片。

这时,就需要修改FCKeditor的配置文件,找到文件/fckeditor/editor/filemanager/browser/default/frmresourceslist.html

找到函数oListManager.GetFileRowHtml = function( fileName, fileUrl, fileSize ) ,在这里修改返回图片的地址,可以在第一行添加一句:
fileUrl = "192.169.0.100" + fileUrl;
这里的192.169.0.55就是你的外网WEB服务器。

FCKeditor上传图片可能出现的问题
在上传图片时可能会产生“ The server didn’t send back a proper XML response ” 的错误。解决方法就是将上传的文件自动改名就行了,不建议用中文的文件名。下面是修改Fckeditor的方法:

找到FCKeditor/editor/filemanager/upload/php/upload.php 文件:

1. 找到:

2.找到:


3.找到:


4.找到:


这样就可以成功添加图片了。


如果你对研究FCKeditor的源代码有兴趣,可以推荐你一个地方:
看到了吧,比你自己一个一个打开文件有意思,O(∩_∩)O~

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值