又一个不错的FCKeditor 2.2的安装、修改和调用方法

所属分类: 网络编程 / 网页编辑器 阅读数: 1806
收藏 0 赞 0 分享
忽然发现自己 Blog 的 FCKeditor 无法使用,好惊讶!居然看好的 PJBlog 也会有不行的时候。马上到网上查找,把一些主要的东西 Copy 了下来。以下是主要内容
FCKeditor的官方网站:www.fckeditor.com
和其他脚本类的程序一样,FCKeditor 的安装其实就是源代码的拷贝。
我们按照官方的方法,在网站根目录下建立 FCKeditor 这样一个文件夹,
然后把下载下来的文件包释放到该文件夹中。
只对一般的使用(ASP环境)进行配置和源文件的精简。

1、默认语言
打开fckconfig.js文件(相对FCKeditor文件夹,以下同),把自动检测语言改为不检测,把默认语言改为简体中文:
复制代码 代码如下:

FCKConfig.AutoDetectLanguage = false ; 
FCKConfig.DefaultLanguage  = 'zh-cn' ; 



2、字体列表
打开fckconfig.js文件,在字体列表中添加常用的“宋体;黑体;隶书;楷体_GB2312”: 
复制代码 代码如下:

FCKConfig.FontNames  = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 

3、文件上传
FCKeditor的文件管理程序在filemanager文件夹中,又分为浏览(browser)和上传(upload)两种。浏览是指浏览服务器文件并可以选择,也可以上传本地文件至服务器;上传是指快速上传(QuickUpload),在窗口中点“上传”选项卡打开就是,跟我们使用的 UBB 编辑器有点相似,选择本地文件后上传就行。也就是说 FCKeditor 中有一个文件浏览,有两个文件上传,而这些设置有些在一个文件中,有的则在多个文件中。比较复杂,改动比较多,我们再分几个小点儿来说。

1)打开和关闭文件浏览和上传功能
有三个文件跟这个开关有关系,一个是 js 文件,两个是asp文件,前者关闭后界面中不出现相关窗口或按钮,后者关闭后相关功能不可用。首先是 fckconfig.js 文件,以下内容设为 true 为开,false 则为关。

文件浏览和浏览中上传功能: 
复制代码 代码如下:

FCKConfig.LinkBrowser = false ; 
FCKConfig.ImageBrowser = false ; 
FCKConfig.FlashBrowser = false ; 

文件快速上传功能:
复制代码 代码如下:

FCKConfig.LinkUpload = true ; 
FCKConfig.ImageUpload = true ; 
FCKConfig.FlashUpload = true ; 

其次设置两个 asp 文件:
editor\filemanager\browser\default\connectors\asp\config.asp


复制代码 代码如下:

ConfigIsEnabled = False 


表示文件浏览关闭

editor\filemanager\upload\asp\config.asp 

 
复制代码 代码如下:

ConfigIsEnabled = True 


表示文件快速上传打开

2)文件上传或浏览的路径设置
注意 FCKeditor 是不支持虚拟目录的,您的所有路径都是针对网站根目录的绝对路径,这点对于在本地测试用虚拟目录,发布到远程用网站目录的开发者不太方便。我的就是这样,WinXP 系统只能一个站点,只有用虚拟目录表示不同的网站,在本地测试好了,上传前还要临时更改这个设置。
文件浏览路径,打开文件:
editor\filemanager\browser\default\connectors\asp\config.asp

复制代码 代码如下:

ConfigUserFilesPath = "/attachments/" 



快速上传的路径,打开文件:editor\filemanager\upload\asp\config.asp


复制代码 代码如下:

ConfigUserFilesPath = "/attachments/" 



我的文件目录在http://www.xxx.com/attachments/下面,就照以上设置。
如果在本地测试这个网站在虚拟目录xxx中,则应该设置为:
复制代码 代码如下:

ConfigUserFilesPath = "/xxx/attachments/" 



3)文件快速上传的一个源文件BUG
以上设置好后,文件浏览和浏览中上传可以顺利进行,但是你会发现“快速上传”不能用。现象就是当选择好本地文件后,点击“上传至服务器”的按钮后没有任何反应。这就是因为fckconfig.js文件中的一个bug所致。
打开fckconfig.js文件,把FCKConfig.QuickUploadLanguage字样的地方,替换成_QuickUploadLanguage,一共要替换三个地方。前者没有定义就使用,所以有错,按代码意图应该和后者的值一样的。

4)上传文件名自动更名
FCKeditor不支持中文文件名称,所以我们要让文件存入服务器时更改名称。由于有两个上传的地方,而且所用文件不同,所以两个文件应该同时改,我们先来看看快速上传的文件,打开:editor\filemanager\upload\asp\upload.asp,在文件最后添加以下函数:

复制代码 代码如下:

Public Function GetNewFileName() 
dim ranNum 
dim dtNow 
dtNow=Now() 
randomize 
ranNum=int(90*rnd)+10 
GetNewFileName=year(dtNow) & right("0" & month(dtNow),2) & right("0" & day(dtNow),2) & right("0" & hour(dtNow),2) & right("0" & minute(dtNow),2) & right("0" & second(dtNow),2) & ranNum 
End Function 


我们用年月日时分秒和两位随机数字来作为文件名,这样既能够分辨出文件上传时间,也不容易重名。
然后仍然是这个文件,找到:
复制代码 代码如下:

' Get the uploaded file name. 
sFileName = oUploader.File( "NewFile" ).Name 


把它改为:
复制代码 代码如下:

' Get the uploaded file name. 
sFileName = GetNewFileName() &"."& split(oUploader.File( "NewFile" ).Name,".")(1) 



上面说的是快速上传的文件,而文件浏览中上传则是更改另外一个文件(editor\filemanager\browser\default\connectors\asp\commands.asp),其修改方法和上面那个文件一样:添加一个函数,修改一行代码。

4、在ASP源程序中引用FCKeditor编辑器
首先在asp页面顶端插入服务器端包含语句:

复制代码 代码如下:

<!--#include file="FCKeditor/fckeditor.asp" --> 


然后在表单里面添加以下代码:
复制代码 代码如下:


' 定义变量 
Dim oFCKeditor 
' 类的初始化 
Set oFCKeditor = New FCKeditor 
' 定义路径(默认路径:/FCKeditor/) 
oFCKeditor.BasePath="FCKeditor/" 
' 定义工具条(默认为:Default) 
oFCKeditor.ToolbarSet="Basic" 
' 定义宽度(默认宽度:100%) 
oFCKeditor.Width="100%" 
' 定义高度(默认高度:200) 
oFCKeditor.Height=350 
' 输入框的初始值 
oFCKeditor.Value="这是示例文本。" 
' 创建输入框名为:content 
oFCKeditor.Create "content" 


这样就在表单里面创建了一个隐藏的名称为content的输入框,可以和其他表单元素一样使用,例如用以下代码取得该输入框的值: 

复制代码 代码如下:
 
Dim content 
content=CheckStr(Request.Form("content")) 


以上用CheckStr对输入数据进行了检测,原始数据如果包含单引号之类的,那么更新数据库会出错。 =====================================
还有一些存疑的地方:
1、文件上传路径问题比较费劲儿,看以后的版本又不有所改进。
2、LinkBrowser和LinkUpload没搞懂什么意思(UP2006-3-20:原来插入超级链接的时候,链接的目标文件也是可以上传的,而且这个文件格式默认只规定了不允许上传的格式。其实我们就可以利用这个功能上传RAR或DOC等等格式的文件)

插入超链接时,在官方的默认配置中只规定了禁止上传的格式,而不是像图片或Flash那样规定了允许上传的格式,这点要尤其注意,所以出现您所看到的可以上传“任意”类型的文件。按照配置文件: 

复制代码 代码如下:

FCKConfig.LinkUploadDeniedExtensions = ".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$" ; // empty for no one 


除了这些不允许,其它都是允许的。

关于去掉插入表单的选项,修改fckconfig.js的下面这一段就行了(注释Form那一行): 

复制代码 代码如下:

FCKConfig.ToolbarSets["Default"] = [ 
['Source','DocProps','-','Save','NewPage','Preview','-','Templates'], 
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'], 
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], 
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'], 
['OrderedList','UnorderedList','-','Outdent','Indent'], 
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], 
['Link','Unlink','Anchor'], 
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak','UniversalKey'], 
//['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'], 
'/', 
['Style','FontFormat','FontName','FontSize'], 
['TextColor','BGColor'], 
['About'] 
] ;
更多精彩内容其他人还在看

在asp.net中KindEditor编辑器的使用方法小结

由于国外的服务器好象对一些要引用dll编辑器由于安全问题,锁定了web.config中的一些权限,在先试了FreeTexbox不行,FCKEditor也不行,因为都是要引用dll文件,最后同事介绍一款 纯js的kindeditor编辑器,
收藏 0 赞 0 分享

FCK判断内容是否为空(如果只是去空格,那么这种方式是错误的)

一般来说,像input里面的值都可以通过将内容去空格判断是否为空,但是FCK没那么简单,因为当你多打几个空格或者多打一些回车,它会自动地生成一些<p>标签,如果再用原先去空格判断的方法,显然是不可取的。
收藏 0 赞 0 分享

当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)

这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空!
收藏 0 赞 0 分享

FCKeditorAPI 手册 js操作获取等

FCKeditorAPI 手册 js操作控制,获取等函数代码,使用网页编辑器的朋友可以参考下。
收藏 0 赞 0 分享

autogrow 让FCKeditor高度随内容增加的插件

让FCKeditor高度随内容增加的插件,这个插件在默认情况下可能运行不正常,必须做一点修改才可以。
收藏 0 赞 0 分享

自己打造HTML在线编辑器的实现难点分析

到目前为止,我已经开发了两个HTML编辑器了,一个用在公司的CMS项目,另一个用在这个Blog(TidyEditor,暂时没有单独发布)。下面总结一下开发的难点以及应对方法。
收藏 0 赞 0 分享

常用网页编辑器漏洞手册(全面版)fckeditor,ewebeditor

常用网页编辑器漏洞手册(全面版)fckeditor,ewebeditor,使用这类编辑器的朋友一定要注意下。
收藏 0 赞 0 分享

myFocus 一个KindEditor的焦点图插件

使用KindEditor(富文本编辑器)提供的接口将myFocus(焦点图库)集成在KindEditor上
收藏 0 赞 0 分享

通过Fckeditor把图片上传到独立图片服务器的方法

大部分网站的后台,都是把图片上传到本地服务器上,但图片也消耗很多带宽,门户网站都有单独的图片服务器,怎么实现呢?
收藏 0 赞 0 分享

eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法

最近我把IE浏览器更新到了IE8.0,在用eWebEditor在线HTML文本编辑器的时候点击eWebEditor上的所有编辑按钮都没用,只看到浏览器状态栏左下角显示网页上有错误,于是上网查了一下。终于找到解决的方法,测试后正常。
收藏 0 赞 0 分享
查看更多