FCKeditor在线编辑器使用配置及说明

 

FCK是FCKeditor的缩写---------是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。
    首先下载
              CKeditor官司方网址:http://www.fckeditor.net/
              FCKeditor在线DEMO:http://www.fckeditor.net/demo
              除了下载核心文件还需要下一个FCKeditor.Net 主要用在asp.net中
               下面有我下载好的 并且把没用的删除了 加入一个mac皮肤,设置了Tvalue ,proadd.Newsadd三个工具栏内容(关于使用看源码中的注释),把文件上传功能给开放了 ,把英文提示改成中文的了
           现在最新的不叫FCK了是CKEditor,可以下载以往版本使用,我用的是FCK2.66是FCK最后一个版本
          要是下载我弄好的,可以不用再删除那些没用的文件了 我的是删除好的,一般没用的都删除了,可以直接配置(直接下载的也可以不删,直接用,只不过里面有些没能的文件,是些demo,没啥用)

一、 下载好以后首先  别的没有用 把FCKeditor.Net_2.6.3.zip中的Bin文件夹解压 找到Debug中的2.0文件夹,把FredCK.FCKeditorV2.dll复制出来 其它的都没用 可以删除了

二、把FCKeditor_2.6.6.tar.gz(记着下载的是FCK,不是那个最新的CKEditor,要不然你的文件夹 跟我说的不一样,我原来看的时候就是下的CK,结果找了好大会不知道咋弄)解压后除了保留editor文件夹 js文件,xml文件那些其它的可以删除。

三、editor中的_source也可以删除,editor下的filemanager中的connectors文件有aspx asp php……你可以除了aspx其它的都删除了……

四、eidtor下的lang是个语言文件夹,没用的也能删除  你看你需要的是什么语言,中文的是Zh.js,zh-cn.js 英文的是en.js  en-uk.js en-au.js en-ca.ja 其它语言看名字就知道了……

下面配置:
一、把这些东西弄到网站目录下  
    1.建一个asp.net文件夹Bin  把那个FredCK.FCKeditorV2.dll复制进去
    2.把那个fckeditor(从FCKeditor_2.3.3.tar.gz解压出来默认的文件夹名,里面还有个editor文件夹,js文件,xml文件的那个,也可以把这个文件夹改名但在下面的配置里要与文件夹名一致)
   3.找到Fckconfig.js把这两行的那个Var_FileBrowserLanguage='php'中的php改成aspx

  1. var _FileBrowserLanguage        = 'php' ;        // asp | aspx | cfm | lasso | perl | php | py
  2. var _QuickUploadLanguage        = 'php' ;        // asp | aspx | cfm | lasso | perl | php | py
下面还将对这个Fckconfig.js特别的说明
二、打开网站 的配置文件 加入以下代码:
  1. <appSettings>
  2.                 <add key="FCKeditor:BasePath" value="~/fckeditor/"/>’这个是放你那个editor文件,那些js xml存放的地址(就是第二步没有删除的那些),要是改了,就写新改的文件夹名
  3.                 <add key="FCKeditor:UserFilesPath" value="~/Upload/"/>‘这个Upload是存放上传文件保存的文件夹(要在目录下建这个文件夹,不然上传文件时报错,文件夹名还要一样)
  4.         </appSettings>
三、使用(除此方法之外,还有别的方法使用,可以直接把这个加到工具箱中用,但那个还要加,这样用我感觉省事),在使用的 页面上部加上(在aspx文件中)
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2"  %>
在下面用到这个编辑器的时候就可以直接用
<FCKeditorV2:FCKeditor id="OnLinkEditor" runat ="server" Width="600px" Height="300px" ToolbarSet="Tvalue"></FCKeditorV2:FCKeditor>
   代码示例:
  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
  2. <%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2"  %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head runat="server">
  6.     <title>无标题页</title>
  7. </head>
  8. <body>
  9.     <form id="form1" runat="server">
  10.     <div>
  11.     <FCKeditorV2:FCKeditor id="OnLinkEditor" runat ="server" Width="600px" Height="300px" ToolbarSet="Tvalue"></FCKeditorV2:FCKeditor>‘那个Tvalue是我在fckconfig.js中(这个就是那些没有删除的js,xml文件中的一个)写的,可以不写此项,是默认的,这里面还有Basic ,我定义的还有proadd Newsadd这两个好像
  12.     </form>
  13. </body>
  14. </html>

四、后台代码,就是获取一下value值,就和Textbox的操作一样
     示例代码:(那些个命名空间,其它的就不写了,命名空间除了原来的我引用using System.IO;using System.Text)
  1. string _info = OnLinkEditor.Value;‘这个OnLinkEditor是我在用的时候的id等于的
  2.         FileStream fs = new FileStream(Server.MapPath("~/txt/" + "1.txt"), FileMode.Create, FileAccess.Write);
  3.         StreamWriter sw = new StreamWriter(fs, Encoding.Default);
  4.         sw.WriteLine(_info);
  5.         sw.Close();
  6.         fs.Close();
  7.         Response.Write("<script>alert('添加成功!!!')</script>");
  8.         OnLinkEditor.Value = "";

做完以上就OK了……可以编辑了!!!

 

下面说下fckconfig.js怎么弄,简单说下常用的,我传上去的附件除了我弄好的FCkeditor还有个使用手册,可以仔细研究
以下内容是定定义要用哪些功能(就是那个栏上要哪些东西,比如要粗体,斜体……要哪些写哪些,那些英语单词你用那个默认的运行看一下,顺序一一对应的,那个使用说明中也有此说明),就是我刚才说有Tvalue,proadd,Newsadd都是在这写的,这里有两个一个是Default(默认的是这个,当用的时候不写ToolbarSet就用这个)还有一个Basic

  1. FCKConfig.ToolbarSets["Default"] = [
  2.         ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
  3.         ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
  4.         ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
  5.         ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
  6.         '/',
  7.         ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
  8.         ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
  9.         ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
  10.         ['Link','Unlink','Anchor'],
  11.         ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
  12.         '/',
  13.         ['Style','FontFormat','FontName','FontSize'],
  14.         ['TextColor','BGColor'],
  15.         ['FitWindow','ShowBlocks','-','About']                // No comma for the last row.
  16. ] ;
  17. FCKConfig.ToolbarSets["Basic"] = [
  18.         ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
  19. ] ;
下面是关于上传文件的(true,false) 前三个为浏览上传,后面的是快速上传,功能可以自己试下(我配置的把浏览上传为false)
  1. FCKConfig.LinkBrowser = [color=Red]true[/color] ;
  2. FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
  3. FCKConfig.LinkBrowserWindowWidth        = FCKConfig.ScreenWidth * 0.7 ;                // 70%
  4. FCKConfig.LinkBrowserWindowHeight        = FCKConfig.ScreenHeight * 0.7 ;        // 70%
  5. FCKConfig.ImageBrowser = true;
  6. FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
  7. FCKConfig.ImageBrowserWindowWidth  = FCKConfig.ScreenWidth * 0.7 ;        // 70% ;
  8. FCKConfig.ImageBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ;        // 70% ;
  9. FCKConfig.FlashBrowser =true ;
  10. FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Flash&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
  11. FCKConfig.FlashBrowserWindowWidth  = FCKConfig.ScreenWidth * 0.7 ;        //70% ;
  12. FCKConfig.FlashBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ;        //70% ;
  13. FCKConfig.LinkUpload = true;
  14. FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension ;
  15. FCKConfig.LinkUploadAllowedExtensions        = ".(7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xml|zip)$" ;                        // empty for all
  16. FCKConfig.LinkUploadDeniedExtensions        = "" ;        // empty for no one
  17. FCKConfig.ImageUpload = true ;
  18. FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Image' ;
  19. FCKConfig.ImageUploadAllowedExtensions        = ".(jpg|gif|jpeg|png|bmp)$" ;                // empty for all
  20. FCKConfig.ImageUploadDeniedExtensions        = "" ;                                                        // empty for no one
  21. FCKConfig.FlashUpload = true  ;
  22. FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Flash' ;
  23. FCKConfig.FlashUploadAllowedExtensions        = ".(swf|flv)$" ;                // empty for all
  24. FCKConfig.FlashUploadDeniedExtensions        = "" ;                                        // empty for no one
以下是换皮肤的方法(就是工具栏的风格,默认为谈黄色,我在删除无用文件的时候没有删除皮肤,这个其它也可以删除的,除了淡黄色还有ofice2003,silver,在editor文件夹中的Skins文件夹中(我的附件加一个mac的),可以试验一下,修改如下代码就能达到效果(在Fckconfin.js中啊)把default换成office2003或silver……
  1. FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'
关于Fckconfig.js更多操作与设置请看说明……Fckconfig.js完了!!!

还有一个小问题,下载过来后,默认的文件上传是关闭的,你需要打开一下(不打开上传东西提示错误!!!下载我弄好的不需要了,我打开过了)打开操作:打开editor中的filemanager,然后再找到aspx文件夹(其实也不用找,你刚才删除没用文件时把那些asp,php……的都删除了!!!)打开config.ascx文件把那个false修改成true.就中了!!!
  1. private bool CheckAuthentication()
  2.         {
  3.                 // WARNING : DO NOT simply return "true". By doing so, you are allowing
  4.                 // "anyone" to upload and list the files in your server. You must implement
  5.                 // some kind of session validation here. Even something very simple as...
  6.                 //
  7.                 //                return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
  8.                 //
  9.                 // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
  10.                 // user logs in your system.
  11.                 return  false;
  12.         }

操作完了,基本可以编辑文字样式,传图片,视频了(也可能用网络上的图片、视频)!!!只是上传成功后(错误也是)提示的是英文,我附件内是修改好了,要是自己修改的话就把弹出的话复制下来,在DW中代码搜索去,看哪有这  替换成中文(相应的下面其它提示也换成中文的吧!!!)

附近中一份FCKeditor使用说明,我设置好的FCKeditor和一个我使用FCKeditor的页面示例

 

 

点击进入下载-FCKeditor.rar

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值