手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >又一个不错的FCKeditor 2.2的安装、修改和调用方法
又一个不错的FCKeditor 2.2的安装、修改和调用方法
摘要:忽然发现自己Blog的FCKeditor无法使用,好惊讶!居然看好的PJBlog也会有不行的时候。马上到网上查找,把一些主要的东西Copy了...

忽然发现自己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;ComicSansMS;CourierNew;Tahoma;TimesNewRoman;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文件:

editorfilemanagerbrowserdefaultconnectorsaspconfig.asp

复制代码 代码如下:

ConfigIsEnabled=False

表示文件浏览关闭

editorfilemanageruploadaspconfig.asp

复制代码 代码如下:

ConfigIsEnabled=True

表示文件快速上传打开

2)文件上传或浏览的路径设置

注意FCKeditor是不支持虚拟目录的,您的所有路径都是针对网站根目录的绝对路径,这点对于在本地测试用虚拟目录,发布到远程用网站目录的开发者不太方便。我的就是这样,WinXP系统只能一个站点,只有用虚拟目录表示不同的网站,在本地测试好了,上传前还要临时更改这个设置。

文件浏览路径,打开文件:

editorfilemanagerbrowserdefaultconnectorsaspconfig.asp

复制代码 代码如下:

ConfigUserFilesPath="/attachments/"

快速上传的路径,打开文件:editorfilemanageruploadaspconfig.asp

复制代码 代码如下:

ConfigUserFilesPath="/attachments/"

我的文件目录在http://www.xxx.com/attachments/下面,就照以上设置。

如果在本地测试这个网站在虚拟目录xxx中,则应该设置为:

复制代码 代码如下:

ConfigUserFilesPath="/xxx/attachments/"

3)文件快速上传的一个源文件BUG

以上设置好后,文件浏览和浏览中上传可以顺利进行,但是你会发现“快速上传”不能用。现象就是当选择好本地文件后,点击“上传至服务器”的按钮后没有任何反应。这就是因为fckconfig.js文件中的一个bug所致。

打开fckconfig.js文件,把FCKConfig.QuickUploadLanguage字样的地方,替换成_QuickUploadLanguage,一共要替换三个地方。前者没有定义就使用,所以有错,按代码意图应该和后者的值一样的。

4)上传文件名自动更名

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

复制代码 代码如下:

PublicFunctionGetNewFileName()

dimranNum

dimdtNow

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

EndFunction

我们用年月日时分秒和两位随机数字来作为文件名,这样既能够分辨出文件上传时间,也不容易重名。

然后仍然是这个文件,找到:

复制代码 代码如下:

'Gettheuploadedfilename.

sFileName=oUploader.File("NewFile").Name

把它改为:

复制代码 代码如下:

'Gettheuploadedfilename.

sFileName=GetNewFileName()&"."&split(oUploader.File("NewFile").Name,".")(1)

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

4、在ASP源程序中引用FCKeditor编辑器

首先在asp页面顶端插入服务器端包含语句:

复制代码 代码如下:

<>

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

复制代码 代码如下:

'定义变量

DimoFCKeditor

'类的初始化

SetoFCKeditor=NewFCKeditor

'定义路径(默认路径:/FCKeditor/)

oFCKeditor.BasePath="FCKeditor/"

'定义工具条(默认为:Default)

oFCKeditor.ToolbarSet="Basic"

'定义宽度(默认宽度:100%)

oFCKeditor.Width="100%"

'定义高度(默认高度:200)

oFCKeditor.Height=350

'输入框的初始值

oFCKeditor.Value="这是示例文本。"

'创建输入框名为:content

oFCKeditor.Create"content"

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

复制代码 代码如下:

Dimcontent

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)$";//emptyfornoone

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

关于去掉插入表单的选项,修改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']

];

【又一个不错的FCKeditor 2.2的安装、修改和调用方法】相关文章:

FCKEditor v2.6 编辑器配置图解教程

FCK编辑器(FCKEditor)添加新按钮和功能的修改方法

FCKEditor 自定义用户目录的修改步骤 (附源码)

CuteEditor 编辑器的字体样式无法控制的解决方法

FCKeditor 2.6.5 ASP环境安装配置使用说明

eWebEditor 请选择一个有效的文件的解决方法

添加FCKeditor插件需要注意的地方

asp.net FCKeditor 2.6.3 配置说明

ASP下使用FCKeditor在线编辑器的方法

CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程(含插入图片)

精品推荐
分类导航