现在的位置: 首页 > 综合 > 正文

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

2013年04月08日 ⁄ 综合 ⁄ 共 2926字 ⁄ 字号 评论关闭
下载

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.ascx

CheckAuthentication()
方法,返回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~

抱歉!评论已关闭.