您的位置:首页 > 编程语言 > ASP

Fckeditor在asp.net(vs2008)中的使用方法

2011-09-27 12:41 399 查看
[b][b]FCKeditor是目前最好的html文本编辑器,[/b]freetextbox已经不再是开源的,而Fckeditor却是开源的[/b]。

1.官方下载网址:http://ckeditor.com/download

2.下载需要下载两个.zip压缩包,[b]要下载FCKeditor2.6.5.zip和 FCKeditor.NET版的2个zip包。如图所示:



[/b]
[b]2.[/b]分别解压后把FCKeditor2.6.5.zip里的[b]fckeditor目录整个复制到网站中。[/b]

[b]3.[/b]解压FCKeditor.NET.zip包后在FCKeditor.Net\bin\Debug\2.0目录里找到[b]FredCK.FCKeditorV2.dll。其他文件没用,把FredCK.FCKeditorV2.dll复制到我们的网站,建立一个Bin目录。[/b]
[b]4.引用FredCK.FCKeditorV2.dll。

第一步:右键点击网站根目录>>添加引用>>浏览。如图所示:
[/b]
[b]

[/b]
[b]5.导入工具箱。在“工具箱”下点击右键,如图所示:[/b]



点击“选择项”。弹出如图窗口,然后点击“浏览”,[b]找到dll所在目录。(最好是将DLL文件复制到你的网站的BIN目录中)[/b]




[b]这时发现工具箱里多出FCKeditor控件。如图所示:[/b]
[b]

[/b]
[b]6.现在你只需要双击它或者直接拖动到你的ASPX文件里面就是了。[/b]
[b]现在是最关键的了,配置web.config文件和fckeditor中的fckconfig.js文件。[/b]
[b]找到web.config文件里面的<appsettings>节点。[/b]
[b]<appSettings>

<add key="FCKeditor:BasePath" value="~/AdminPannel/fckeditor/"/>

<add key="FCKeditor:UserFilesPath" value="~/AdminPannel/Files/" />

</appSettings>
[/b]
[b]里面的路径需要配置正确。[/b]
[b]说明:BasePath是fckeditor所在路径,fckeditor由于我们直接放网站目录下这样写就可以,如果您的网站多放几层适当调整即可。

UserFilesPath是所有上传的文件的所在目录。为什么要设置成/Files这样而不是~/Files,因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端。否则的话客户访问的时候就会取客户的机器目录而不是http形式的目录。[/b]

建议:Files要单独做wwwroot目录下的一个站点比较好,和我们的站点FCKEditor平行。不要把它放FCKEditor里,为什么呢?因为Files是要让客户有写的权限的,如果放FCKEditor下很危险。

[b]7.修改fckeditor/fckconfig.js文件

在第182行的位置

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

var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php

改为

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

var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | php[/b]

-----------------------------------------------------------------------------------------------------------------------------

引用:如果你的编辑器还用在网站前台的话,比如说用于留言本或是日记回复时,那就不得不考虑安全了,在前台千万不要使用Default的toolbar,要么自定义一下功能,要么就用系统已经定义好的Basic,也就是基本的toolbar,

找到第64行 FCKConfig.ToolbarSets["Basic"] = [

['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor',

'BGColor','-','Smiley','SpecialChar',

'Replace','Preview']

] ;

这是我改过的Basic,把图像功能去掉,把添加链接功能去掉,因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件,要是这儿不改直接给你上传个木马还不马上玩完?但是光这样还不行,fckeditor还支持编辑域内的鼠标右键功能。

找到第73行

FCKConfig.ContextMenu = ['Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox','Radio','TextField',

'HiddenField',/*'ImageButton',*/'Button','BulletedList','NumberedList','TableCell','Table','Form'] ;

这也是我改过的把鼠标右键的“链接、图像,FLASH,图像按钮”功能都去掉。

找到 第77行 FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

加上几种我们常用的字体 FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

接下来就设置上传功能了,还是以ASP为例,其实fck默认的就是asp的,把100行以下的所有被注释掉的代码全部删掉就行,然后再把下面所有有关于browser.html和upload.asp的后面的?Type=XX都改成Type=YY,其中YY为你想保存文件的文件夹名称。

而如果你还想用自己的表情图标的话,那跳到131行,改掉那个表情图标的文件夹地址,以及下面的表情图标的文件名,再下面那三个数字是每行显示表情数及弹出窗口的宽和高了,这个的大小要根据您的表情图标排列的窗口的大小而定了。OK,总配置文件修改结束。

原文地址:http://blog.csdn.net/wzhibin/archive/2007/12/06/1921566.aspx

-----------------------------------------------------------------------------------------------------------------------------



[b]8.FCKeditor瘦身。删除以_打头的的都是范例文件或源文件,建议小心行事。[/b]

[b][b]FCKeditor精简版的制作方法(附)。[/b][/b]

[b] 进入FCKeditor文件夹,把所有“_”开头的文件和文件夹删掉,这些都是一些范例,只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了;[/b]

[b]  进入editor文件夹,删掉“_source”文件夹,里面放的同样是源文件;[/b]

[b]  退回上一级目录进入filemanager文件夹,有browser和upload两个文件夹。进入browser\default\connectors,只保留aspx文件夹,其余的删掉;mcpuk目录亦可删除;upload也一样,只保留aspx文件夹;[/b]

[b]  退到editor再进入images文件夹,smiley里面放的是表情图标,有msn和fun两个系列,如果你想用自己的表情图标,可以把它们都删除;如果你想用这里的表情图标那就不要删了;[/b]

[b]  lang里面放的是语言包,如果只是用简体中文,那么只保留fcklanguagemanager.js、zh-cn.js两个文件就行了,建议也保留en.js(英文)、zh.js(繁体中文)两个文件,fcklanguagemanager.js是语言配置文件,有了它才能和fckconfig.js里的设置成对,对应上相应的语言文件,一定要保留![/b]

[b]  再退出lang文件夹,进入skins文件夹,如果你想使用FCKeditor默认的奶黄色,那就把除了default文件夹外的另两个文件夹直接删除,如果想用别的,那就看你自己的喜好了。[/b]

[b]至此,文件精简完毕,由原来的2.55M变成现在的797K了。接着修改设置。[/b]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: