程式CODE

2013年9月30日 星期一

FCKeditor微調


FCKeditor很好用

但有些地方可以微調

一、增加中文字體及字型大小數字化

在fckeditor/fckconfig.js裡,找到「FCKConfig.FontNames」,補上新細明體和標楷體就好了:

FCKConfig.FontNames             = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;新細明體;標楷體' ;

在fckeditor/fkconfig.js裡,找到「FCKConfig.FontSizes」,加上以下字型大小:

FCKConfig.FontSizes             = '10px;12px;14px;16px;18px;22px;26px;28px;32px;64px' ;



二、調整工具列的功能

在fckeditor/fckconfig.js裡,找到「FCKConfig.ToolbarSets」,裡面有Default及Basic兩個,其實你也可以自己造一個自己的工具列,如「myBasic」,"-"是同行的分隔符號,"/"是換行符號,你只要修改裡面的功能就好了,我把常用的改成下列給您參考:

FCKConfig.ToolbarSets["Default"] = [
        ['Source','-','Save','NewPage','Preview','-','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        '/',
        ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
        ['OrderedList','UnorderedList','-','Outdent','Indent'],
        ['JustifyLeft','JustifyCenter','JustifyRight'],
        ['Link','Unlink','Anchor'],
        ['Image','Flash','Table','Rule','Smiley','SpecialChar'],
        '/',
        ['FontFormat','FontName','FontSize'],
        ['TextColor','BGColor'],
        ['FitWindow']           // No comma for the last row.
] ;



三、增改smiley表情符號

預設smiley只有msn的幾個符號,你可以增加你想要的

例如,你可以增加洋蔥頭符號:

[到這裡]下載我已經改好名稱的圖示

1.首先,下載圖示。放在fckeditor/editor/images/smiley裡,解壓成onion2
2.修改fckeditor/fckconfig.js

(1)圖示的路徑為:

FCKConfig.SmileyPath    = FCKConfig.BasePath + 'images/smiley/onion2/' ;

(2)圖示的名稱為:

FCKConfig.SmileyImages        =['001.gif','002.gif','003.gif','004.gif','005.gif','006.gif','007.gif','008.gif','009.gif','010.gif','011.gif','012-a.gif','012-b.gif','013-a.gif','013-b.gif','014.gif','015.gif','016.gif','017.gif','018.gif','019.gif','020.gif','021.gif','022-a.gif','022-b.gif','023.gif','024.gif','025.gif','026.gif','027.gif','028.gif','029.gif','030.gif','031.gif','032.gif','033.gif','034.gif','035.gif','036.gif','037.gif','038.gif','039.gif','040.gif','041.gif','042.gif','043.gif','044.gif','045.gif','046.gif','047.gif','048.gif','049.gif','050.gif','051.gif','052.gif','053.gif','054.gif','055.gif','056.gif','057.gif','058.gif','059.gif','060.gif','061.gif','062.gif','063.gif','064.gif','065.gif','066.gif','067.gif','068.gif','069.gif','070.gif','071.gif','072.gif','073.gif','074.gif','075.gif','076.gif','077.gif','078.gif','079.gif','080.gif','081.gif','082-1.gif','082-2.gif','083.gif','084.gif','085.gif','086.gif','087.gif','088.gif','089.gif','090.gif','091-a.gif','091-b.gif','091-c.gif','092.gif','093.gif','094-a.gif','094-b.gif','094-c.gif','094-d.gif','095.gif','096.gif','097-a.gif','097-b.gif','097-c.gif','097-d.gif','098.gif','099.gif','100.gif','101.gif','102.gif','103.gif','104.gif','105.gif','106.gif','107.gif','108.gif','109.gif','110.gif','111.gif','112-a.gif','112-b.gif','112-c.gif','112-d.gif','113.gif','114.gif','115.gif','116.gif','117.gif','118.gif'];

你也可以修改彈出的視窗大小

FCKConfig.SmileyColumns = 15 ;//每行幾個圖示
FCKConfig.SmileyWindowWidth             = 750 ;//寬
FCKConfig.SmileyWindowHeight    = 550 ;//高



(3)若要增加圖示的標題,可自行加入參數:
FCKConfig.SmileyImagesInfo        = ['001_驚','002_臉紅紅','003_昏','004_狂暴','005_哭哭','006_崩潰','007_讚美主','008_水汪汪','009_倒地','010_失魂','011_無>言','012_打飛a','012_打飛b','013_貴夫人a','013_貴夫人b','014_擦汗','015_orz','016_萬年奸臣','017_三八萌','018_不要啊','019_咦','020_bingo','021_水草舞','022_撞飛a','022_撞飛b','023_苦惱的煙狂','024_畫圈圈','025_阿彌陀猴','026_幸福御守','027_淒涼','028_好夢','029_漫不經心','030_翻桌','031_印堂黑黑','032_掰掰','033_無力感','034_愛的轟炸','035_嘲笑','036_OMG','037_打瞌睡','038_jolin','039_跪拜禮','040_感冒','041_怒火中燒','042_高處不勝寒','043_泡澡','044_笑裡藏刀','045_頭暈目眩','046_衝刺運球','047_舉紅牌','048_舉黃牌','049_射門','050_守門員之魂','051_爽','052_鬼點子','053_XD','054_好心情','055_完美計劃','056_害羞扭扭','057_沒什麼嘛','058_遠目','059_微笑','060_推眼鏡','061_吃太飽','062_石化','063_吐','064_我不依','065_挖鼻孔','065_挖鼻孔','067_交出來','068_淚奔','069_冷吱吱','070_goodjob','071_嘆息','072_蔥寶恭喜樣','073_蔥妹恭喜樣','074_裝死','075_放空','076_打小人','077_冷汗直流','078_被咬了','079_濕','080_搞自閉','081_蔥不聽','082_吐血1','082-2_吐血2','083_熱','084_樂奔','085_壓力','086_茶','087_想入非非','088_指','089_噴','090_鼻青臉腫','091_生日快樂a','091_生日快樂b','091_生日快樂
c','092_催眠','093_烏鴉飛過','094_聖誕快樂a','094_聖誕快樂b','094_聖誕快樂c','094_聖誕快樂d','095_捲心被','096_K書','097_恭賀新年a','097_恭賀新年b','097_恭賀
新年c','097_恭賀新年d','098_洗澡','099_鞭','100_啦啦隊','101_藍藍路','102_壞大叔','103_畢業了','104_裝可愛','105_賊','106_親一個','107_無盡漩渦','108_窮','109_阿飄','110_怕怕','111_一臉肅殺','112_勾拳一記a','112_勾拳一記b','112_勾拳一記c','112_勾拳一記d','113_帥','114_驕傲','115_不行了','116_內傷','117_眼睛一亮','118_囧'];

然後再修改/fckeditor/editor/dialog/fck_smiley.html
找到ar aImages             = FCKConfig.SmileyImages ;
在後面加入

var aImages             = FCKConfig.SmileyImages ;

然後再找到

document.write( '<img src="' + sUrl + '" border="0" />' ) ;

改成

document.write( '<img src="' + sUrl + '" border="0" alt="' + aImagesInfo[i] + '" title="' + aImagesInfo[i] + '" />' ) ;

如果要在圖示下方加上中文文字,也可以改成

document.write( '<img src="' + sUrl + '" border="0" alt="' + aImagesInfo[i] + '" title="' + aImagesInfo[i] + '" /><br>'  + aImagesInfo[i] + ' ' ) ;



四、讓插入圖片後,圖片自動縮小(並非真的縮小,只是要讓它不要撐大板面,然後再拉小)

修改fckeditor\editor\dialog\fck_image\fck_image.js

找到

GetE('txtWidth').value = oImageOriginal.width ;
GetE('txtHeight').value = oImageOriginal.height ;

改為

if ( oImageOriginal.width < 450 ) {
   GetE('txtWidth').value = oImageOriginal.width ;
   GetE('txtHeight').value = oImageOriginal.height ;
} else {
   GetE('txtWidth').value = 450 ;
   GetE('txtHeight').value = 450 * oImageOriginal.height / oImageOriginal.width ;
}



五、讓上傳圖片自動縮小(真的縮小)

修改fckeditor/editor/filemanager/connectors/php/commands.php

約176行找到「$oFile = $_FILES['NewFile'] ;」

改為

//縮圖程式開始
                  $get_photo = imagecreatefromjpeg($_FILES["NewFile"]["tmp_name"]);
                  $get_photo_w = imagesx($get_photo);
                  $get_photo_h = imagesy($get_photo);

                 if($get_photo_w > 1000 or $get_photo_h > 1000){
                   if($get_photo_w > $get_photo_h){
                     $small_w = 1000;
                     $small_h = intval($get_photo_h / $get_photo_w * 1000);
                   }else{
                     $small_h = 1000;
                     $small_w = intval($get_photo_w / $get_photo_h * 1000);
                   }
                   $small = imagecreatetruecolor($small_w, $small_h);
                   imagecopyresampled($small, $get_photo, 0, 0, 0, 0, $small_w, $small_h, $get_photo_w, $get_photo_h);
                   imagejpeg($small, $_FILES['NewFile']['tmp_name'] );
                   $oFile = $_FILES['NewFile'] ;
                   }else{
                   $oFile = $_FILES['NewFile'] ;
                   };
//縮圖程式結束



六、解決上傳圖片為中文檔名時,會出錯,改以時間和亂數命名

修改fckeditor/editor/filemanager/connectors/php/commands.php

約210行找到  $sExtension = strtolower( $sExtension ) ;

在下方新增



$sFileName = date('YmdHis').mt_rand().'.'.$sExtension;


七、fckeditor若輸入單撇號( ' )時,會出現問題



利用str_replace("'目標字元","取代為","目標字串");



八、修改預設字大小

預設是12,在

editor/css/fck_editorarea.css

沒有留言:

張貼留言