FCKeditor安装和配置:
到http://ckeditor.com/,下载FCKeditor2.64.zip和FCKeditor.NET2.64版的2个zip包
(a) FCKeditor_2.6.4是其最新的Javascript文件和图片等;
(b) FCKeditor.Net_2.6.4.zip是一个ASP.NET控件DLL文件。
1. 将a解压缩,得到FCKeditor的核心文件,将其拷贝到web项目的根目录下(建议,当然也可以任意放)。然后解压b,得到.NET支持的源码,进入,bin下的Release中存在FCKeditor的DLL(也有debug文件夹,建议使用release),复制到我们的项目bin目录下,需要在项目中添加对其引用即可。
2.配置WebConfig,在<appSettings>节点添加,如下所示:
<appSettings>
<add key="FCKeditor:BasePath" value="~/fckeditor/" />
<add key="FCKeditor:UserFilesPath" value="~/User/images/" />
</appSettings>
BasePath:fckeditor是FCKeditor整个文件夹所在的目录。
UserFilesPath:上传文件存储的路径。
-----------------------------------------------------------------------------------------
FCKeditor精简:
进入FCKeditor文件夹,把所有“_”开头的文件和文件夹删掉,这些是一些范例,只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了;
进入editor文件夹,删掉“_source”文件夹,里面放的同样是源文件;
退回上一级目录进入filemanager文件夹,有browser和upload两个文件夹。
进入browser"default"connectors,只保留aspx文件夹,其余的删掉;mcpuk目录亦可删除;upload也一样,只保留aspx文件夹;
再进入images文件夹,smiley里面放的是表情图标,有msn和fun两个系列,如果你想用自己的表情图标,可以把它们都删除;
lang里面放的是语言包,如果只是用简体中文,那么只保留fcklanguagemanager.js、zh-cn.js两个文件就行了,建议也保留en.js(英文)、zh.js(繁体中文)两个文件,fcklanguagemanager.js是语言配置文件,有了它才能和fckconfig.js里的设置成对,对应上相应的语言文件,一定要保留!
再进入skins文件夹,如果你想使用FCKeditor默认的奶黄色,那就把除了default文件夹外的另两个文件夹直接删除,精简后剩下1M左右。
-----------------------------------------------------------------------------------------
FCKeditor详细设置:
进入FCKeditor文件夹,编辑fckconfig.js文件。其实里面罗列的都比较清楚,编写比较规范,还有一些注释,但是只要略懂英文的就能够看得懂,操作起来也非常的方便。下面就简单介绍几种常用的设置作为一个小例子。
1、指定匹配语言类型。此步骤是必须的,也是最重要的一步,必不可少的。
原来:
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
2、配置语言包。使用简体中文。
原来:
FCKConfig.DefaultLanguage='en';
改为:
FCKConfig.DefaultLanguage='zh-CN';
3、配置皮肤。有default、office2003、silver风格等。
FCKConfig.SkinPath = FCKConfig.BasePath +'skins/office2003/';
4、在编辑器域内可以使用Tab键。(1为是,0为否)
原来:FCKConfig.TabSpaces=0; 改为:FCKConfig.TabSpaces= 1;;
5、常用的字体,例如:
原来:
FCKConfig.FontNames='Arial;Comic Sans MS;Courier New;Tahoma;Times NewRoman;Verdana';
改为:
FCKConfig.FontNames='宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;CourierNew;Tahoma;Times New Roman;Verdana';
6、ToolBar中编辑项的设置,按需要保留相关编辑项:
FCKConfig.ToolbarSets["Basic"] =[
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;
7、按需要保留相关功能按钮:
FCKConfig.ToolbarSets["Default"] = [
['Source'],['NewPage','Preview','-','Undo','Redo'],
['Bold','Italic','Underline','StrikeThrough'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['FontName','FontSize'],
['TextColor','BGColor','-','Link','Unlink'],
['Image','Rule','Smiley','SpecialChar']
] ;
8、输入时自动加p标签替换成<br />:
FCKConfig.EnterMode ='br';// p |div | br(enter)
FCKConfig.ShiftEnterMode ='br';// p | div | br(shift+enter)
-----------------------------------------------------------------------------------------
JavaScript中操作FckEditor:
//获取fck编辑器中HTML内容
function getEditorHTMLContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return (oEditor.GetXHTML(true));
}
//获取fck编辑器中文本内容
function getEditorTextContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return (oEditor.EditorDocument.body.innerText);
}
//设置fck编辑器中内容
function SetEditorContents(EditorName, ContentStr) {
var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}
-----------------------------------------------------------------------------------------
FCKEditor 2.6的问题:
1.FCKeditor出现下面错误的解决办法:
thisconnector is disabled Please checkthe"editor/filemanager/connectors/aspx/config.aspx"
///<summary>
///身份验证(检查用户会话,以确保是授权上载和访问文件)
///</summary>
///<returns></returns>
privateboolCheckAuthentication()
{
//为了防止任意用户均可以打开上传页或者浏览服务器文件
//建议将此处和你的后台管理权限进行集成
return true;
}
2.在上传文件窗口点击浏览服务器,会出现the server didn't send back a properxml…错误提示,
因为后期版本的FCKEditor要求不同类型的文件分别传到不同的目录,包括file,image,falsh,media等目录,一定要先建立起来。