【FCKeditor】2.6詳細(xì)配置詳細(xì)說(shuō)明-PHP調(diào)用FCKeditor編輯器
為了方便更好的使用PHP調(diào)用FCKeditor2.6編輯器,現(xiàn)將FCKeditor的配置文件詳細(xì)說(shuō)明如下,成都網(wǎng)站優(yōu)化博客: http://www.ygzc.net.cn/seoblog/ 以供參考:
自定義配置方法
1.直接修改主配置文件fckconfig.js
FCKeditor主配置文件路徑:fckeditor/fckconfig.js
2.定義單獨(dú)的配置文件(只需要寫(xiě)需要修改的配置項(xiàng),重命名即可,也可直接修改默認(rèn)FCKeditor配置文件,建議新建獨(dú)立文件)
2.1.創(chuàng)建myfckconfig.js配置自定義屬性
將myfckconfig.js放入fckeditor/editor文件夾下,
PHP代碼
//系統(tǒng)是否自動(dòng)檢測(cè)并運(yùn)用適當(dāng)?shù)恼Z(yǔ)言界面
FCKConfig.AutoDetectLanguage = false ;
//手動(dòng)設(shè)置默認(rèn)的語(yǔ)言:英語(yǔ)
FCKConfig.DefaultLanguage = "en" ;
2.2載入自定義配置文件
方法一:全局載入(對(duì)工程中所有fckeditor有效)
在fckconfig.js找到
Js代碼
FCKConfig.CustomConfigurationsPath = '' ;
FCKConfig.CustomConfigurationsPath = '' ;輸入myfckconfig.js位置,F(xiàn)CKConfig.BasePath值fckeditor/editor文件夾
Js代碼修改如下:
FCKConfig.CustomConfigurationsPath = FCKConfig.BasePath+'myfckconfig.js ' ;
FCKConfig.CustomConfigurationsPath = FCKConfig.BasePath+'myfckconfig.js ' ;
方法二:局部載入(只對(duì)當(dāng)前網(wǎng)頁(yè)有效)
Js代碼
var oFCKeditor = new FCKeditor( "FCKeditor1" ) ;
oFCKeditor.Config["CustomConfigurationsPath"] = "myconfig.js" ;
oFCKeditor.Create() ;
3.在頁(yè)面的調(diào)用代碼中對(duì)FCKeditor的實(shí)例進(jìn)行配置
Js代碼
var oFCKeditor = new FCKeditor( "FCKeditor1" ) ;
oFCKeditor.Config["AutoDetectLanguage"] = "fasle" ;
oFCKeditor.Create() ;
FCKeditor配置加載順序
- 1.加載主配置文件fckconfig.js
- 2.加載自定義的配置文件(如果有),覆蓋相同的配置項(xiàng)
- 3.使用對(duì)實(shí)例的配置覆蓋相同的配置項(xiàng)(只對(duì)當(dāng)前實(shí)例有效)
- 成都網(wǎng)站優(yōu)化博客: http://www.ygzc.net.cn/seoblog/
FCKeditor主配置文件(fckconfig.js部分屬性中文注釋)
Js代碼
FCKConfig.CustomConfigurationsPath = '' ; // 自定義配置文件路徑和名稱http://www.ygzc.net.cn
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath 'css/fck_editorarea.css'; // 編輯區(qū)的樣式表文件
FCKConfig.EditorAreaStyles = '' ; // 編輯區(qū)的樣式表風(fēng)格
FCKConfig.ToolbarComboPreviewCSS =''; //工具欄預(yù)覽CSS
FCKConfig.DocType = '' ;//文檔類型
FCKConfig.BaseHref = ''; // 相對(duì)鏈接的基地址
FCKConfig.FullPage = false ; //是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容
FCKConfig.StartupShowBlocks = false ;//決定是否啟用"顯示模塊"
FCKConfig.Debug = false ;//是否開(kāi)啟調(diào)試功能
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath 'skins/default/' ; //皮膚路徑
FCKConfig.PreloadImages=... //預(yù)裝入的圖片
FCKConfig.PluginsPath = FCKConfig.BasePath 'plugins/' ; //插件路徑
FCKConfig.AutoDetectLanguage = true ; //是否自動(dòng)檢測(cè)語(yǔ)言
FCKConfig.DefaultLanguage = 'zh-cn' ; //默認(rèn)語(yǔ)言
FCKConfig.ContentLangDirection = 'ltr' ; //默認(rèn)的文字方向,可選"ltr/rtl",即從左到右或從右到左
FCKConfig.ProcessHTMLEntities = true ; //處理HTML實(shí)體
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文
FCKConfig.IncludeGreekEntities = true ;//包括希臘文
FCKConfig.ProcessNumericEntities = false ;//處理數(shù)字實(shí)體
FCKConfig.AdditionalNumericEntities = '' ; //附加的數(shù)字實(shí)體
FCKConfig.FillEmptyBlocks = true ; //是否填充空塊
FCKConfig.FormatSource = true ; //在切換到代碼視圖時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatOutput = true ; //當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatIndentator = ' ' ; //當(dāng)在源碼格式下縮進(jìn)代碼使用的字符
FCKConfig.StartupFocus = false ; //開(kāi)啟時(shí)焦點(diǎn)是否到編輯器,即打開(kāi)頁(yè)面時(shí)光標(biāo)是否停留在fckeditor上
FCKConfig.ForcePasteAsPlainText = false ; //是否強(qiáng)制粘貼為純文件內(nèi)容
FCKConfig.AutoDetectPasteFromWord = true ; //是否自動(dòng)探測(cè)從word粘貼文件,僅支持IE
FCKConfig.ShowDropDialog = true ;//是否顯示下拉菜單
FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符號(hào)轉(zhuǎn)換為XML實(shí)體
FCKConfig.TabSpaces = 0 ;//按下Tab鍵時(shí)光標(biāo)跳格數(shù),默認(rèn)值為零為不跳格
FCKConfig.ShowBorders = true ;//合并邊框
FCKConfig.SourcePopup = false ;//彈出
FCKConfig.ToolbarStartExpanded = true ;//啟動(dòng)fckeditor工具欄默認(rèn)是否展開(kāi)
FCKConfig.ToolbarCanCollapse = true ;//是否允許折疊或展開(kāi)工具欄
FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值
FCKConfig.FloatingPanelsZIndex = 10000 ;//浮動(dòng)面板索引
FCKConfig.HtmlEncodeOutput = false ;//是否將HTML編碼輸出
FCKConfig.TemplateReplaceAll = true ;//是否替換所有模板
FCKConfig.ToolbarLocation = 'In' ;//工具欄位置,
FCKConfig.ToolbarSets = object ; // 編輯器的工具欄,可以自行定義,刪減,可參考已存在工具欄
FCKConfig.EnterMode = 'p'; // 編輯器中直接回車,在代碼中生成,可選為p | div | br
FCKConfig.ShiftEnterMode = 'br'; // 編輯器中Shift 回車,在代碼中生成,可選為p | div | br
FCKConfig.ContextMenu = 字符串?dāng)?shù)組; // 右鍵菜單的內(nèi)容
FCKConfig.FontColors = ""; // 文字顏色列表
FCKConfig.FontNames = ""; // 字體列表
FCKConfig.FontSizes = ""; // 字號(hào)列表
FCKConfig.FontFormats = ""; // 文字格式列表
FCKConfig.StylesXmlPath = ""; // CSS樣式列表的XML文件的位置
FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置
FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼寫(xiě)檢查器
FCKConfig.IeSpellDownloadUrl = ""; // 下載拼寫(xiě)檢查器的網(wǎng)址
FCKConfig.FullPage = true/false; // 是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'php' ;// asp | aspx | cfm | lasso | php[/code] //第一個(gè)是文件瀏覽器使用的語(yǔ)言,第二個(gè)快速上傳使用的語(yǔ)言,改成你需要的
FCKConfig.LinkUploadAllowedExtensions = "" ; // empty for all
FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$" //這是兩個(gè)允許和拒絕上傳的文件類型列表
FCKConfig.ImageBrowser = false ;//是否在插入圖片功能里面啟用服務(wù)器文件瀏覽功能
FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' _FileBrowserLanguage '/connector.' _FileBrowserExtension ;
//Type=Image 表示文件類型是image這會(huì)使文件瀏覽器定位到文件上傳路徑/image/文件夾下面
FCKConfig.FlashBrowser = false ;//是否在插入flash功能中啟用服務(wù)器文件瀏覽功能
FCKConfig.LinkUpload = false ;//是否啟用插入鏈接的快速上傳功能
FCKConfig.ImageUpload = false ;//是否啟用圖片快速上傳功能
FCKConfig.FlashUpload = false ;//是否啟用flash上傳功能
FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath 'images/smiley/msn/'; // 表情文件存放路徑
FCKConfig.SmileyImages = ''; // 表情文件名稱列表,具體參考默認(rèn)設(shè)置
FCKConfig.SmileyColumns = 8; // 表情窗口顯示表情列數(shù)
FCKConfig.SmileyWindowWidth = 320; // 表情窗口顯示寬度,此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整
FCKConfig.SmileyWindowHeight = 240; // 表情窗口顯示高度,此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整FCKConfig.CustomConfigurationsPath = '' ; // 自定義配置文件路徑和名稱 http://www.ygzc.net.cn/seoblog
FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath 'css/fck_editorarea.css'; // 編輯區(qū)的樣式表文件
FCKConfig.EditorAreaStyles = '' ; // 編輯區(qū)的樣式表風(fēng)格
FCKConfig.ToolbarComboPreviewCSS =''; //工具欄預(yù)覽CSS
FCKConfig.DocType = '' ;//文檔類型
FCKConfig.BaseHref = ''; // 相對(duì)鏈接的基地址
FCKConfig.FullPage = false ; //是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容
FCKConfig.StartupShowBlocks = false ;//決定是否啟用"顯示模塊"
FCKConfig.Debug = false ;//是否開(kāi)啟調(diào)試功能
FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath 'skins/default/' ; //皮膚路徑
FCKConfig.PreloadImages=... //預(yù)裝入的圖片
FCKConfig.PluginsPath = FCKConfig.BasePath 'plugins/' ; //插件路徑
FCKConfig.AutoDetectLanguage = true ; //是否自動(dòng)檢測(cè)語(yǔ)言
FCKConfig.DefaultLanguage = 'zh-cn' ; //默認(rèn)語(yǔ)言
FCKConfig.ContentLangDirection = 'ltr' ; //默認(rèn)的文字方向,可選"ltr/rtl",即從左到右或從右到左
FCKConfig.ProcessHTMLEntities = true ; //處理HTML實(shí)體
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文
FCKConfig.IncludeGreekEntities = true ;//包括希臘文
FCKConfig.ProcessNumericEntities = false ;//處理數(shù)字實(shí)體
FCKConfig.AdditionalNumericEntities = '' ; //附加的數(shù)字實(shí)體
FCKConfig.FillEmptyBlocks = true ; //是否填充空塊
FCKConfig.FormatSource = true ; //在切換到代碼視圖時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatOutput = true ; //當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼
FCKConfig.FormatIndentator = ' ' ; //當(dāng)在源碼格式下縮進(jìn)代碼使用的字符
FCKConfig.StartupFocus = false ; //開(kāi)啟時(shí)焦點(diǎn)是否到編輯器,即打開(kāi)頁(yè)面時(shí)光標(biāo)是否停留在fckeditor上
FCKConfig.ForcePasteAsPlainText = false ; //是否強(qiáng)制粘貼為純文件內(nèi)容
FCKConfig.AutoDetectPasteFromWord = true ; //是否自動(dòng)探測(cè)從word粘貼文件,僅支持IE
FCKConfig.ShowDropDialog = true ;//是否顯示下拉菜單
FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符號(hào)轉(zhuǎn)換為XML實(shí)體
FCKConfig.TabSpaces = 0 ;//按下Tab鍵時(shí)光標(biāo)跳格數(shù),默認(rèn)值為零為不跳格
FCKConfig.ShowBorders = true ;//合并邊框
FCKConfig.SourcePopup = false ;//彈出
FCKConfig.ToolbarStartExpanded = true ;//啟動(dòng)fckeditor工具欄默認(rèn)是否展開(kāi)
FCKConfig.ToolbarCanCollapse = true ;//是否允許折疊或展開(kāi)工具欄
FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值
FCKConfig.FloatingPanelsZIndex = 10000 ;//浮動(dòng)面板索引
FCKConfig.HtmlEncodeOutput = false ;//是否將HTML編碼輸出
FCKConfig.TemplateReplaceAll = true ;//是否替換所有模板
FCKConfig.ToolbarLocation = 'In' ;//工具欄位置,
FCKConfig.ToolbarSets = object ; // 編輯器的工具欄,可以自行定義,刪減,可參考已存在工具欄
FCKConfig.EnterMode = 'p'; // 編輯器中直接回車,在代碼中生成,可選為p | div | br
FCKConfig.ShiftEnterMode = 'br'; // 編輯器中Shift 回車,在代碼中生成,可選為p | div | br
FCKConfig.ContextMenu = 字符串?dāng)?shù)組; // 右鍵菜單的內(nèi)容
FCKConfig.FontColors = ""; // 文字顏色列表
FCKConfig.FontNames = ""; // 字體列表
FCKConfig.FontSizes = ""; // 字號(hào)列表
FCKConfig.FontFormats = ""; // 文字格式列表
FCKConfig.StylesXmlPath = ""; // CSS樣式列表的XML文件的位置
FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置
FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼寫(xiě)檢查器
FCKConfig.IeSpellDownloadUrl = ""; // 下載拼寫(xiě)檢查器的網(wǎng)址
FCKConfig.FullPage = true/false; // 是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'php' ;// asp | aspx | cfm | lasso | php[/code] //第一個(gè)是文件瀏覽器使用的語(yǔ)言,第二個(gè)快速上傳使用的語(yǔ)言,改成你需要的
FCKConfig.LinkUploadAllowedExtensions = "" ; // empty for all
FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$" //這是兩個(gè)允許和拒絕上傳的文件類型列表
FCKConfig.ImageBrowser = false ;//是否在插入圖片功能里面啟用服務(wù)器文件瀏覽功能
FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' _FileBrowserLanguage '/connector.' _FileBrowserExtension ;
//Type=Image 表示文件類型是image這會(huì)使文件瀏覽器定位到文件上傳路徑/image/文件夾下面
FCKConfig.FlashBrowser = false ;//是否在插入flash功能中啟用服務(wù)器文件瀏覽功能
FCKConfig.LinkUpload = false ;//是否啟用插入鏈接的快速上傳功能
FCKConfig.ImageUpload = false ;//是否啟用圖片快速上傳功能
FCKConfig.FlashUpload = false ;//是否啟用flash上傳功能
FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath 'images/smiley/msn/'; // 表情文件存放路徑
FCKConfig.SmileyImages = ''; // 表情文件名稱列表,具體參考默認(rèn)設(shè)置
FCKConfig.SmileyColumns = 8; // 表情窗口顯示表情列數(shù)
FCKConfig.SmileyWindowWidth = 320; // 表情窗口顯示寬度,此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整
FCKConfig.SmileyWindowHeight = 240; // 表情窗口顯示高度,此窗口會(huì)因?yàn)楸砬槲募母淖兌髡{(diào)整
常用自定義配置樣例
修改FCKeditor2.6編輯器語(yǔ)言為中文
Js代碼
FCKConfig.AutoDetectLanguage = false ;
FCKConfig.DefaultLanguage = 'zh-cn' ;
添加中文字體
Js代碼
FCKConfig.FontNames = '宋體;黑體;隸書(shū);楷體_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
FCKConfig.FontNames = '宋體;黑體;隸書(shū);楷體_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
更換FCKeditor編輯器換行模式
Js代碼
FCKConfig.EnterMode = 'br' ; // p | div | br
FCKConfig.ShiftEnterMode = 'p' ; // p | div | br
自定義FCKeditor表情
Js代碼
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/ftl/' ; //表情圖片路徑
FCKConfig.SmileyImages =['01.gif','02.gif','03.gif','04.gif','05.gif','06.gif','07.gif','08.gif','09.gif','10.gif','11.gif','12.gif','13.gif','14.gif','15.gif','16.gif','17.gif','18.gif','19.gif','20.gif','21.gif'] ;
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth = 480 ;
FCKConfig.SmileyWindowHeight = 180 ; 如果表情圖片太多,可以設(shè)置滾動(dòng)條第1步:在fckeditor/editor/dialog/fck_smiley.html 中找到Js代碼
window.onload = function ()
{
oEditor.FCKLanguageManager.TranslatePage(document) ;
dialog.SetAutoSize( true ) ;
} 將dialog.SetAutoSize( true ) 改為dialog.SetAutoSize( false)第2步.再找到Html代碼
<body style="overflow: hidden">
<body> 將 hidden改為auto
更換FCKeditor編輯器皮膚
Js代碼
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;
fckeditor默認(rèn)提供三種皮膚,如果想得到更多皮膚請(qǐng)?jiān)L問(wèn)
自定義FCKeditor編輯器工具集(菜單)
fckeditor提供兩種工具集Default/Basic,也可以自己定義
Js代碼
FCKConfig.ToolbarSets["MYTOOLBAR"] = [
['Source','-','FitWindow','-','Preview'],
['Undo','Redo'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar'],
['JustifyLeft','JustifyCenter','JustifyRight'],
['About'],
'/',
['Bold','Italic','Underline'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
['FontName','FontSize'],
['TextColor','BGColor']
] ;
在頁(yè)面調(diào)用,要顯示設(shè)置FCKeditor對(duì)象的ToolbarSet屬性
代碼
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.Config["CustomConfigurationsPath"] ='myfckconfig.js ' ;
oFCKeditor.ToolbarSet="MYTOOLBAR";
oFCKeditor.Create();
-
關(guān)于FCKeditor2.6 圖片文件上傳路徑設(shè)置問(wèn)題請(qǐng)?jiān)L問(wèn): http://www.ygzc.net.cn/seoblog/article109.html
-
【FCKeditor】 2.6.6問(wèn)題解決匯總http://www.ygzc.net.cn/seoblog/article104.html