demoshop

官方網站

http://www.sablog.net/blog/fckeditor-26-lite-one/

demo之前介紹過這套強大的線上HTML編輯器，因為他的豐富功能所以本身檔案也滿大的，雖然有基本的減肥方式但核心還是很飽滿，現在對岸網友自行修改推出的精簡版只有小小的270KB比起原版的1.25MB實在小的太完美了，並且作者也優化了許多的項目，讓開啟更快速。

以下是FCKeditor精簡版第三版的修改清單

• FCKeditor 2.6 精簡版第三版修改內容如下：
  • 修補第一第二版存在的焦點丟失BUG,即在IE下選擇文字點其他地方選中文字變成未選中
  • 刪除插件功能
  • 精簡彈出視窗的公用頁面函數
  • 進一步優化代碼
• FCKeditor 2.6 精簡版第二版修改內容如下：
  • 增加插入代碼功能
  • 刪除原來的MSN表情並用QQ2008表情代替
• FCKeditor 2.6 精簡版第一版修改內容如下：
  • 刪除範本、列印、保存、拼寫檢查
  • 刪除頁面屬性
  • 刪除右鍵功能表功能
  • 刪除表單功能
  • 刪除檔上傳和流覽伺服器功能
  • 刪除特殊字元功能
  • 刪除選擇更多顏色功能
  • 刪除語言檔僅保留簡體中文並精簡語言包
  • 刪除除默認意外的兩個範本
  • 刪除工具欄的折疊功能
  • 刪除顯示區塊、全屏功能
  • 刪除一些一般不會更改的配置選項及其連帶功能
  • 刪除N多判斷
  • 優化顯示工具欄使在各個流覽器下達到視覺統一
  • 精簡鏈結、圖片、FLASH插入功能，確保最精簡的視覺和最快捷的操作
  • 多個細節調整

此修改版是預設給PHP用的，而精簡版連正體中文也精簡掉了所以我們必須加做修改後才可以用在ASP.NET上面，修改方式相當簡單，看下去就知道啦。

打開

fckconfig.js

設定檔在檔案的最後加上下方指令。

var _FileBrowserLanguage= 'aspx' ;
var _QuickUploadLanguage= 'aspx' ; 

　找到

FCKConfig.DefaultLanguage= 'zh-cn' ; 

　　改成

FCKConfig.DefaultLanguage= 'zh' ; 

　存檔後關閉fckconfig.js

不要無聊到去改語言檔的檔名，會造成錯誤的!!

 

下載demo中文化語言檔後放置到Fckeditor下的lang目錄中就可以顯示正體中文，並且正常使用了。

此版插入代碼的功能是使用css去做高亮的，如果您在網頁內發現它並無高亮效果，請把以下CSS加入您的CSS檔中(此顏色demo修改過建議您順便改掉fckeditor的css)

/* 語法高亮 */
pre{font-family:'Courier New' , Monospace; width:600px; overflow:auto; margin:0 0 1em 0; background:#F7F7F7; }
pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}
pre a, pre a:hover{background:none; border:none; padding:0; margin:0}
pre ol{list-style:decimal; background:#F7F7F7; margin:0px 0px 1px 3em !important; padding:5px 0; color:#5C5C5C; border-left:3px solid #146B00;}
pre ol li{list-style:decimal-leading-zero; list-style-position:outside !important; color:#5C5C5C; padding:0 3px 0 10px !important; margin:0 !important;line-height: 16px}
pre ol li.alt{color:inherit}
pre ol li span{color:black; background-color:inherit}
pre .comment, pre .comments{color:#008200; background-color:inherit}
pre .string{color:#8b4531; background-color:inherit}
pre .keyword{color:blue; font-weight:bold; background-color:inherit}
pre .preprocessor{color:gray; background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069; font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}
pre .dp-sql .func{color:#ff1493}
pre .dp-sql .op{color:#808080}
pre .dp-rb .symbol{color:#a70}
pre .dp-rb .variable{color:#a70; font-weight:bold}
pre .dp-py .builtins{color:#ff1493}
pre .dp-py .magicmethods{color:#808080}
pre .dp-py .exceptions{color:brown}
pre .dp-py .types{color:brown; font-style:italic}
pre .dp-py .commonlibs{color:#8A2BE2; font-style:italic}
pre .dp-j .annotation{color:#646464}
pre .dp-j .number{color:#C00000}
pre .dp-delphi .number{color:blue}
pre .dp-delphi .directive{color:#008284}
pre .dp-delphi .vars{color:#000}
pre .dp-css .value{color:black}
pre .dp-css .important{color:red}
pre .dp-c .vars{color:#d00}
pre .dp-cpp .datatypes{color:#2E8B57; font-weight:bold} 

 

 demo在使用後發現了一個bug就是當code的有</的時候fck會解析成<!-- -->於是就便成註解了，剛開始我還以為是這套精簡版插入代碼寫錯的原因，花了很長的時間去看他的code，後來才發現只要在fckconfig.js修改AdditionalNumericEntities設置，就可以解決這鬼問題了

FCKConfig.AdditionalNumericEntities = "'|>|<|\\+" ;// Single Quote: "'" 

2008.06.27：加上< > 等符號編碼的設定方式