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
- var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
- var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
二、打开网站 的配置文件 加入以下代码:
- <appSettings>
- <add key="FCKeditor:BasePath" value="~/fckeditor/"/>’这个是放你那个editor文件,那些js xml存放的地址(就是第二步没有删除的那些),要是改了,就写新改的文件夹名
- <add key="FCKeditor:UserFilesPath" value="~/Upload/"/>‘这个Upload是存放上传文件保存的文件夹(要在目录下建这个文件夹,不然上传文件时报错,文件夹名还要一样)
- </appSettings>
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
在下面用到这个编辑器的时候就可以直接用
<FCKeditorV2:FCKeditor id="OnLinkEditor" runat ="server" Width="600px" Height="300px" ToolbarSet="Tvalue"></FCKeditorV2:FCKeditor>
代码示例:
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
- <%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>无标题页</title>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- <FCKeditorV2:FCKeditor id="OnLinkEditor" runat ="server" Width="600px" Height="300px" ToolbarSet="Tvalue"></FCKeditorV2:FCKeditor>‘那个Tvalue是我在fckconfig.js中(这个就是那些没有删除的js,xml文件中的一个)写的,可以不写此项,是默认的,这里面还有Basic ,我定义的还有proadd Newsadd这两个好像
- </form>
- </body>
- </html>
示例代码:(那些个命名空间,其它的就不写了,命名空间除了原来的我引用using System.IO;using System.Text)
- string _info = OnLinkEditor.Value;‘这个OnLinkEditor是我在用的时候的id等于的
- FileStream fs = new FileStream(Server.MapPath("~/txt/" + "1.txt"), FileMode.Create, FileAccess.Write);
- StreamWriter sw = new StreamWriter(fs, Encoding.Default);
- sw.WriteLine(_info);
- sw.Close();
- fs.Close();
- Response.Write("<script>alert('添加成功!!!')</script>");
- OnLinkEditor.Value = "";
做完以上就OK了……可以编辑了!!!
下面说下fckconfig.js怎么弄,简单说下常用的,我传上去的附件除了我弄好的FCkeditor还有个使用手册,可以仔细研究
以下内容是定定义要用哪些功能(就是那个栏上要哪些东西,比如要粗体,斜体……要哪些写哪些,那些英语单词你用那个默认的运行看一下,顺序一一对应的,那个使用说明中也有此说明),就是我刚才说有Tvalue,proadd,Newsadd都是在这写的,这里有两个一个是Default(默认的是这个,当用的时候不写ToolbarSet就用这个)还有一个Basic
- FCKConfig.ToolbarSets["Default"] = [
- ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
- ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
- ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
- ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
- '/',
- ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
- ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
- ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
- ['Link','Unlink','Anchor'],
- ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
- '/',
- ['Style','FontFormat','FontName','FontSize'],
- ['TextColor','BGColor'],
- ['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
- ] ;
- FCKConfig.ToolbarSets["Basic"] = [
- ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
- ] ;
- FCKConfig.LinkBrowser = [color=Red]true[/color] ;
- FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
- FCKConfig.LinkBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; // 70%
- FCKConfig.LinkBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; // 70%
- FCKConfig.ImageBrowser = true;
- FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
- FCKConfig.ImageBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; // 70% ;
- FCKConfig.ImageBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; // 70% ;
- FCKConfig.FlashBrowser =true ;
- FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Flash&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
- FCKConfig.FlashBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; //70% ;
- FCKConfig.FlashBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; //70% ;
- FCKConfig.LinkUpload = true;
- FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension ;
- 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
- FCKConfig.LinkUploadDeniedExtensions = "" ; // empty for no one
- FCKConfig.ImageUpload = true ;
- FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Image' ;
- FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp)$" ; // empty for all
- FCKConfig.ImageUploadDeniedExtensions = "" ; // empty for no one
- FCKConfig.FlashUpload = true ;
- FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Flash' ;
- FCKConfig.FlashUploadAllowedExtensions = ".(swf|flv)$" ; // empty for all
- FCKConfig.FlashUploadDeniedExtensions = "" ; // empty for no one
- FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'
还有一个小问题,下载过来后,默认的文件上传是关闭的,你需要打开一下(不打开上传东西提示错误!!!下载我弄好的不需要了,我打开过了)打开操作:打开editor中的filemanager,然后再找到aspx文件夹(其实也不用找,你刚才删除没用文件时把那些asp,php……的都删除了!!!)打开config.ascx文件把那个false修改成true.就中了!!!
- private bool CheckAuthentication()
- {
- // WARNING : DO NOT simply return "true". By doing so, you are allowing
- // "anyone" to upload and list the files in your server. You must implement
- // some kind of session validation here. Even something very simple as...
- //
- // return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
- //
- // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
- // user logs in your system.
- return false;
- }
操作完了,基本可以编辑文字样式,传图片,视频了(也可能用网络上的图片、视频)!!!只是上传成功后(错误也是)提示的是英文,我附件内是修改好了,要是自己修改的话就把弹出的话复制下来,在DW中代码搜索去,看哪有这 替换成中文(相应的下面其它提示也换成中文的吧!!!)
附近中一份FCKeditor使用说明,我设置好的FCKeditor和一个我使用FCKeditor的页面示例