FckEditor的使用_1(asp.net)

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
    BasePathfckeditorFCKeditor整个文件夹所在的目录。
    UserFilesPath:上传文件存储的路径。
-----------------------------------------------------------------------------------------
FCKeditor精简:
  进入FCKeditor文件夹,把所有“_”开头的文件和文件夹删掉,这些是一些范例,只保留editor文件夹、fckconfig.jsfckeditor.jsfckstyles.xmlfcktemplates.xml就可以了;
  进入editor文件夹,删掉“_source”文件夹,里面放的同样是源文件;
   退回上一级目录进入filemanager文件夹,有browserupload两个文件夹。

  进入browser"default"connectors,只保留aspx文件夹,其余的删掉;mcpuk目录亦可删除;upload也一样,只保留aspx文件夹;
  再进入images文件夹,smiley里面放的是表情图标,有msnfun两个系列,如果你想用自己的表情图标,可以把它们都删除;

  lang里面放的是语言包,如果只是用简体中文,那么只保留fcklanguagemanager.jszh-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、配置皮肤。有defaultoffice2003silver风格等。
    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';

  6ToolBar中编辑项的设置,按需要保留相关编辑项:
    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 | brenter
     FCKConfig.ShiftEnterMode ='br';// p | div | brshift+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等目录,一定要先建立起来。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值