FCKeditor 文本编辑框设置

港控/mmm° 2022-09-17 04:27 220阅读 0赞

1.[下载][Link 1]FCKeditor[文件][Link 2]  
先在官方[网页][Link 3]上下载 FCKeditor 的压缩包 和 FCKeditor 的[.net][] 2.0核心库  
下载地址：FCKeditor 的压缩包  
[http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor\_2.4.3.zip][http_nchc.dl.sourceforge.net_sourceforge_fckeditor_FCKeditor_2.4.3.zip]  
FCKeditor 的.[net][] 2.0核心库  
[http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor.Net\_2.2.zip][http_nchc.dl.sourceforge.net_sourceforge_fckeditor_FCKeditor.Net_2.2.zip]  
说明：   
FCKeditor2.6.3.zip是其最新的文件和[图片][Link 4]什么的；   
FCKeditor.NET.zip是[ASP.NET][]调用的DLL在里面。   
2.分别解压后把FCKeditor2.6.3.zip里的fckeditor目录整个复制到[网站][Link 5]中。   
3.解压FCKeditor.NET.zip包后在FCKeditor.Net\_2.2\\b[in][]\\Debug目录里找到FredCK.FCKeditorV2.dll，将FredCK.FCKeditorV2.dll添加到[工具][Link 6]箱上。   
4.完了之后将控件拖到网页上：   
5.现在已经完成了添加，现在要根据[我们][Link 7]的需要来设置了……   
进入FCKeditor文件夹，[编辑][Link 8] fckconfig.js 文件   
6. **([必须][Link 9][修改][Link 10])**  
修改   
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   
7. **(必须修改)**  
配置语言包。有[英文][Link 11]、繁体[中文][Link 12]等，这里我们使用简体中文。 修改   
FCKConfig.DefaultLanguage = 'en' ;   
为   
FCKConfig.DefaultLanguage = 'zh-cn' ;   
8.配置皮肤。有default、office2003、silver风格等，这里我们[可以][Link 13]使用默认。   
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;   
9.在[编辑器][Link 14]域内可以使用Tab键。（1为是，0为否）   
FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ;   
10.加上几种我们[常用][Link 15]的[字体][Link 16]的[方法][Link 17]   
修改   
FCKConfig.FontNames = 'Arial;[Com][]ic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;   
为   
FCKConfig.FontNames = '宋体;黑体;隶书;楷体\_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'   
11.[基本][Link 18]的属性设置已经差不多了，要设置更多请参考一下属性表：   
FCKConfig.CustomConfigurationsPath = '' ; // 自[定义][Link 19]配置文件[路径][Link 20]和名称       
FCKConfigFCKConfig.EditorArea[CSS][] = FCKConfig.BasePath + 'css/fck\_editorarea.css'; // 编辑区的[样式][Link 21]表文件       
FCKConfig.EditorAreaStyles = '' ; // 编辑区的样式表风格       
FCKConfig.[Too][]lbarComboPreviewCSS =''; //工具栏预览CSS       
FCKConfig.DocType = '' ;//文档类型       
FCKConfig.Basehref="';" target="\_blank" rel="nofollow"> FCKConfig.Full[Page][] = false ; //是否允许编辑整个[HTML][]文件,还是仅允许编辑BODY间的[内容][Link 22]       
FCKConfig.StartupShowBlocks = false ;//决定是否启用"显示模块"       
FCKConfig.Debug = false ;//是否开启调试[功能][Link 23]       
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮肤路径       
FCKConfig.Preload[Image][]s=... //预装入的图片       
FCKConfigFCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //[插件][Link 24]路径       
FCKConfig.AutoDetectLanguage = true ; //是否自动[检测][Link 25]语言       
FCKConfig.DefaultLanguage   = 'zh-cn' ; //默认语言       
FCKConfig.ContentLangDirection = 'ltr' ; //默认的[文字][Link 26]方向,可选"ltr/rtl",即从左到右或从右到左       
FCKConfig.ProcessHTMLEntities = true ; //处理HTML实体       
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文       
FCKConfig.IncludeGreekEntities = true ;//包括希腊文       
FCKConfig.ProcessNumericEntities = false ;//处理数字实体       
FCKConfig.AdditionalNumericEntities = '' ;   //附加的数字实体       
FCKConfig.FillEmptyBlocks = true ; //是否填充空块       
FCKConfig.[For][]matSource   = true ; //在切换到代码视图时是否自动格式化代码       
FCKConfig.FormatOutput   = true ; //当输出内容时是否自动格式化代码       
FCKConfig.FormatIndentator = '     ' ; //当在源码格式下缩进代码使用的字符       
FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开[页面][Link 27]时光标是否停留在fckeditor上       
FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文件内容       
FCKConfig.AutoDetectPasteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE       
FCKConfig.ShowDropDialog = true ;//是否显示[下拉菜单][Link 28]       
FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符号转换为[XML][]实体       
FCKConfig.TabSpaces   = 0 ;//按下Tab键时光标跳格数,默认值为零为不跳格       
FCKConfig.ShowBorders = true ;//合并边框       
FCKConfig.SourcePopup = false ;//弹出       
FCKConfig.ToolbarStartExpanded = true ;//启动fckeditor工具栏默认是否展开       
FCKConfig.ToolbarCanCollapse = true ;//是否允许折叠或展开工具栏       
FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的[段落][Link 29]值       
FCKConfig.FloatingPanelsZIndex = 10000 ;//浮动面板[索引][Link 30]       
FCKConfig.HtmlEncodeOutput = false ;//是否将HTML编码输出       
FCKConfig.TemplateReplaceAll = true ;//是否替换所有[模板][Link 31]       
FCKConfig.ToolbarLocation = 'In' ;//工具栏位置,       
FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称       
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck\_editorarea.css'; // 编辑区的样式表文件       
FCKConfig.Basehref="';" target="\_blank" rel="nofollow"> FCKConfig.Debug = true/false; // 是否开启调试功能，当调用FCKDebug.Output()时，会在调试窗中输出内容       
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'; // 设置皮肤       
FCKConfig.AutoDetectLanguage = true/false ; // 是否自动检测语言       
FCKConfig.DefaultLanguage = 'zh-cn' ; // 设置默认语言       
FCKConfig.ContentLangDirection = 'ltr/rtr'; // 默认文字方向，ltr左，rtr右       
FCKConfig.FillEmptyBlocks = true/false ; // 使用这个功能，可以将空的块级元素用空格来替代       
FCKConfig.FormatSource = true/false; // 切换到代码视图时，是否自动格式化代码       
FCKConfig.FormatOutput = true/false; // 当输出内容时是否自动格式化代码       
FCKConfig.FormatIndentator = ""; // 当在“源码格式”下缩进代码使用的字符       
FCKConfig.GeckoUseSPAN = true/false; // 是否允许SPAN标记代替B，I，U标记       
FCKConfig.StartupFocus = true/false; // 开启时是否FOCUS到编辑器       
FCKConfig.ForcePasteAsPlainText = true/false;// 强制粘贴为纯文本       
FCKConfig.ForceSimpleAmpersand = true/false; // 是否不把&符号转换为XML实体       
FCKConfig.TabSpaces = 0/1; // TAB是否有效       
FCKConfig.TabSpaces = 4; // TAB键产生的空格字符数       
FCKConfig.ShowBorders = true/false; // 是否合并边框       
FCKConfig.ToolbarStartExpanded = true/false; // [页面载入][Link 32]时，工具栏是否展开，点“展开工具栏”时才出现       
FCKConfig.ToolBarCanCollapse = true/false; // 是否允许展开折叠工具栏       
FCKConfig.ToolbarSets = object ; // 编辑器的工具栏，可以自行定义，删减，可参考已存在工具栏       
FCKConfig.EnterMode = 'p'; // 编辑器中直接回车，在代码中生成，可选为p | [div][] | br       
FCKConfig.ShiftEnterMode = 'br'; // 编辑器中Shift+回车，在代码中生成，可选为p | div | br       
FCKConfig.ContextMenu = 字符串数组; // 右键[菜单][Link 33]的内容       
FCKConfig.FontColors = ""; // 文字颜色列表       
FCKConfig.FontNames = ""; // 字体列表       
FCKConfig.FontSizes = ""; // 字号列表       
FCKConfig.FontFormats = ""; // 文字格式列表       
FCKConfig.StylesXmlPath = ""; // [CSS样式][CSS 1]列表的XML文件的位置       
FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置       
FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼写检查器       
FCKConfig.IeSpellDownload[Url][] = ""; // 下载拼写检查器的[网址][Link 34]       
FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/'; // 表情文件存放路径       
FCKConfig.SmileyImages = ''; // 表情文件名称列表，具体参考默认设置       
FCKConfig.SmileyColumns = 8; // 表情窗口显示表情列数       
FCKConfig.SmileyWindowWidth = 320; // 表情窗口显示宽度，此窗口会因为表情文件的改变而作[调整][Link 35]       
FCKConfig.SmileyWindowHeight = 240; // 表情窗口显示高度，此窗口会因为表情文件的改变而作调整       
FCKConfig.FullPage = true/false; // 是否允许编辑整个HTML文件，还是仅允许编辑BODY间的内容       
     
     
上传设置       
     
var \_FileBrowserLanguage         = 'php' ;         // asp | aspx | cfm | lasso | perl | php | py         
var \_QuickUploadLanguage         = 'php' ;         // asp | aspx | cfm | lasso | php\[/code\]       
//第一个是文件[浏览器][Link 36]使用的语言，第二个快速上传使用的语言，改成你需要的       
FCKConfig.[Link][]Upload[Allow][]edExtensions         = "" ;                         // empty for all       
FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|[cgi][])$"     
//这是两个允许和拒绝上传的文件类型列表       
FCKConfig.ImageBrowser = false ;是否在插入图片功能里面启用[服务器][Link 37]文件浏览功能       
FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' + \_FileBrowserLanguage + '/connector.' + \_FileBrowserExtension ;       
Type=Image   表示文件类型是image这会使文件浏览器[定位][Link 38]到文件上传路径/image/文件夹下面       
FCKConfig.[Flash][]Browser = false ;是否在插入flash功能中启用[服务][Link 39]器文件浏览功能       
FCKConfig.LinkUpload = false ;是否启用插入[链接][Link 40]的快速上传功能       
FCKConfig.ImageUpload = false ;是否启用图片快速上传功能       
FCKConfig.FlashUpload = false ;是否启用flash上传功能       
     
     
服务器文件设置       
     
文件浏览器的设置：       
fckeditor\\editor\\filemanager\\connectors\\asp\\config.asp       
     
ConfigIsEnabled = true 决定是否启用文件浏览器。这个是在服务器上[执行][Link 41]的       
ConfigUser[Files][]Path = "/test/upload/" 上传文件的路径（相对的）       
ConfigAllowedExtensions.Add         "File", ""       
ConfigDeniedExtensions.Add         "File", "php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi"       
ConfigAllowedExtensions.Add         "Image", "jpg|gif|jpeg|png|bmp"       
ConfigDeniedExtensions.Add         "Image", ""       
ConfigAllowedExtensions.Add         "Flash", "swf|fla"       
ConfigDeniedExtensions.Add         "Flash", ""       
ConfigAllowedExtensions.Add         "Media", "swf|fla|jpg|gif|jpeg|png|avi|mpg|mpeg|mp(1-4)|wma|wmv|wav|mid|midi|rmi|rm|ram|rmvb|mov|qt"       
ConfigDeniedExtensions.Add         "Media", ""       
这是4个不同的[filetype][]类型 分别对应了 前台编辑器的 插入链接 插入图片 插入flash 插入[媒体][Link 42] 4个功能       
  
     
12.**(必须修改,斜杠必须按照所给的来写,一个也不能少) **  
配置WebConfig，在<appSettings>节点添加，如下：  
<appSettings>   
     <add key="FCKeditor:BasePath" value="/[项目][Link 43]名称/fckeditor/"/>   
     <add key="FCKeditor:UserFilesPath" value="/项目名称/userfiles/" />   
</appSettings>   
BasePath是fckeditor所在路径，fckeditor由于我们直接放[网站目录][Link 44]下这样写就可以，如果您的网站多放几层适当调整即可。UserFilesPath是所有上传的文件的所在目录。   
13.**(必须修改,凡用到FCKeditor的页面,都必须添加这条语句)**  
aspx页面： <%@ Page Language="C\#"   AutoEventWireup="true"   CodeFile="Default.aspx.cs" Inherits="\_Default" validateRequest="false" %>   
我们要添加一个参数validateRequest="false"，否则提交带html代码的内容会报错   
14.删除我们不需要的文件：   
进入FCKeditor文件夹，把所有“\_”开头的文件和文件夹删掉，这些都是[一些][Link 45]范例，只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了；   
　　进入editor文件夹，删掉“\_source”文件夹，里面放的同样是源文件；   
　　退回上[一级目录][Link 46]进入filemanager文件夹，有browser和upload两个文件夹。进入browser\\default\\connectors，只保留aspx文件夹，其余的删掉；mcpuk目录亦可删除；upload也一样，只保留aspx文件夹；   
　　退到editor再进入images文件夹，smiley里面放的是表情[图标][Link 47]，有msn和fun两个系列，如果你想用自己的表情图标，可以把它们都删除；如果你想用这里的表情图标那就不要删了；   
　　lang里面放的是语言包，如果只是用简体中文，那么只保留fcklanguagemanager.js、zh-cn.js两个文件就行了，[建议][Link 48]也保 留en.js（英文）、zh.js（繁体中文）两个文件，fcklanguagemanager.js是语言配置文件，有了它才能和 fckconfig.js里的设置成对，对应上相应的语言文件，一定要保留！   
　　再退出lang文件夹，进入skins文件夹，如果你想使用FCKeditor默认的奶黄色，那就把除了default文件夹外的另两个文件夹直接删除，如果想用别的，那就看你自己的喜好了。   
15。用法：FCKeditor1.Value 就是他的值了……   
  
16.aspx目录下的config.ascx文件的设置（FCKeditor在ASP。NET中[上传图片][Link 49]设置）  
private bool CheckAuthentication()  
\{  
   // WARNING : DO NOT simply return "true". By doing so, you are allowing  
   // "any[one][]" 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 true; //默认的是false  
｝

请[注意][Link 50]：项目文件名不能是中文，否则不能正常读取fckstyles.xml文件！

作者：webmake | 出处：博客园 |

[Link 1]: http://www.haogongju.net/tag/%E4%B8%8B%E8%BD%BD
[Link 2]: http://www.haogongju.net/tag/%E6%96%87%E4%BB%B6
[Link 3]: http://www.haogongju.net/tag/%E7%BD%91%E9%A1%B5
[.net]: http://www.haogongju.net/tag/.NET
[http_nchc.dl.sourceforge.net_sourceforge_fckeditor_FCKeditor_2.4.3.zip]: http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.4.3.zip
[net]: http://www.haogongju.net/tag/net
[http_nchc.dl.sourceforge.net_sourceforge_fckeditor_FCKeditor.Net_2.2.zip]: http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor.Net_2.2.zip
[Link 4]: http://www.haogongju.net/tag/%E5%9B%BE%E7%89%87
[ASP.NET]: http://www.haogongju.net/tag/ASP.NET
[Link 5]: http://www.haogongju.net/tag/%E7%BD%91%E7%AB%99
[in]: http://www.haogongju.net/tag/in
[Link 6]: http://www.haogongju.net/tag/%E5%B7%A5%E5%85%B7
[Link 7]: http://www.haogongju.net/tag/%E6%88%91%E4%BB%AC
[Link 8]: http://www.haogongju.net/tag/%E7%BC%96%E8%BE%91
[Link 9]: http://www.haogongju.net/tag/%E5%BF%85%E9%A1%BB
[Link 10]: http://www.haogongju.net/tag/%E4%BF%AE%E6%94%B9
[asp]: http://www.haogongju.net/tag/asp
[php]: http://www.haogongju.net/tag/php
[Link 11]: http://www.haogongju.net/tag/%E8%8B%B1%E6%96%87
[Link 12]: http://www.haogongju.net/tag/%E4%B8%AD%E6%96%87
[Link 13]: http://www.haogongju.net/tag/%E5%8F%AF%E4%BB%A5
[Link 14]: http://www.haogongju.net/tag/%E7%BC%96%E8%BE%91%E5%99%A8
[Link 15]: http://www.haogongju.net/tag/%E5%B8%B8%E7%94%A8
[Link 16]: http://www.haogongju.net/tag/%E5%AD%97%E4%BD%93
[Link 17]: http://www.haogongju.net/tag/%E6%96%B9%E6%B3%95
[Com]: http://www.haogongju.net/tag/com
[Link 18]: http://www.haogongju.net/tag/%E5%9F%BA%E6%9C%AC
[Link 19]: http://www.haogongju.net/tag/%E5%AE%9A%E4%B9%89
[Link 20]: http://www.haogongju.net/tag/%E8%B7%AF%E5%BE%84
[CSS]: http://www.haogongju.net/tag/CSS
[Link 21]: http://www.haogongju.net/tag/%E6%A0%B7%E5%BC%8F
[Too]: http://www.haogongju.net/tag/Too
[Page]: http://www.haogongju.net/tag/Page
[HTML]: http://www.haogongju.net/tag/html
[Link 22]: http://www.haogongju.net/tag/%E5%86%85%E5%AE%B9
[Link 23]: http://www.haogongju.net/tag/%E5%8A%9F%E8%83%BD
[Image]: http://www.haogongju.net/tag/Image
[Link 24]: http://www.haogongju.net/tag/%E6%8F%92%E4%BB%B6
[Link 25]: http://www.haogongju.net/tag/%E6%A3%80%E6%B5%8B
[Link 26]: http://www.haogongju.net/tag/%E6%96%87%E5%AD%97
[For]: http://www.haogongju.net/tag/for
[Link 27]: http://www.haogongju.net/tag/%E9%A1%B5%E9%9D%A2
[Link 28]: http://www.haogongju.net/tag/%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95
[XML]: http://www.haogongju.net/tag/XML
[Link 29]: http://www.haogongju.net/tag/%E6%AE%B5%E8%90%BD
[Link 30]: http://www.haogongju.net/tag/%E7%B4%A2%E5%BC%95
[Link 31]: http://www.haogongju.net/tag/%E6%A8%A1%E6%9D%BF
[Link 32]: http://www.haogongju.net/tag/%E9%A1%B5%E9%9D%A2%E8%BD%BD%E5%85%A5
[div]: http://www.haogongju.net/tag/div
[Link 33]: http://www.haogongju.net/tag/%E8%8F%9C%E5%8D%95
[CSS 1]: http://www.haogongju.net/tag/CSS%E6%A0%B7%E5%BC%8F
[Url]: http://www.haogongju.net/tag/URL
[Link 34]: http://www.haogongju.net/tag/%E7%BD%91%E5%9D%80
[Link 35]: http://www.haogongju.net/tag/%E8%B0%83%E6%95%B4
[Link 36]: http://www.haogongju.net/tag/%E6%B5%8F%E8%A7%88%E5%99%A8
[Link]: http://www.haogongju.net/tag/Link
[Allow]: http://www.haogongju.net/tag/Allow
[cgi]: http://www.haogongju.net/tag/cgi
[Link 37]: http://www.haogongju.net/tag/%E6%9C%8D%E5%8A%A1%E5%99%A8
[Link 38]: http://www.haogongju.net/tag/%E5%AE%9A%E4%BD%8D
[Flash]: http://www.haogongju.net/tag/flash
[Link 39]: http://www.haogongju.net/tag/%E6%9C%8D%E5%8A%A1
[Link 40]: http://www.haogongju.net/tag/%E9%93%BE%E6%8E%A5
[Link 41]: http://www.haogongju.net/tag/%E6%89%A7%E8%A1%8C
[Files]: http://www.haogongju.net/tag/Files
[filetype]: http://www.haogongju.net/tag/filetype
[Link 42]: http://www.haogongju.net/tag/%E5%AA%92%E4%BD%93
[Link 43]: http://www.haogongju.net/tag/%E9%A1%B9%E7%9B%AE
[Link 44]: http://www.haogongju.net/tag/%E7%BD%91%E7%AB%99%E7%9B%AE%E5%BD%95
[Link 45]: http://www.haogongju.net/tag/%E4%B8%80%E4%BA%9B
[Link 46]: http://www.haogongju.net/tag/%E4%B8%80%E7%BA%A7%E7%9B%AE%E5%BD%95
[Link 47]: http://www.haogongju.net/tag/%E5%9B%BE%E6%A0%87
[Link 48]: http://www.haogongju.net/tag/%E5%BB%BA%E8%AE%AE
[Link 49]: http://www.haogongju.net/tag/%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87
[one]: http://www.haogongju.net/tag/one
[Link 50]: http://www.haogongju.net/tag/%E6%B3%A8%E6%84%8F