[精讚] [會員登入]
1045

[CKeditor4] 修改調色盤

修改ckeditor預設的調色盤

分享此文連結 //n.sfs.tw/10299

分享連結 [CKeditor4] 修改調色盤@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-24 12:47:02 最後編修
2016-11-26 09:50:33 By 張○○
 

ckeditor預設的調色盤大概是這樣:

這樣子才40色,顏色太少,因此我採用342種顏色的調色盤。

config.js 設定

config.colorButton_colors = '000000,0C090A,2C3539,2B1B17,34282C,25383C,3B3131,413839,3D3C3A,463E3F,4C4646,504A4B,565051,5C5858,625D5D,666362,6D6968,726E6D,736F6E,837E7C,848482,B6B6B4,D1D0CE,E5E4E2,BCC6CC,98AFC7,6D7B8D,657383,616D7E,646D7E,566D7E,737CA1,4863A0,2B547E,2B3856,151B54,000080,342D7E,15317E,151B8D,0000A0,0020C2,0041C2,2554C7,1569C7,2B60DE,1F45FC,6960EC,736AFF,357EC7,368BC1,488AC7,3090C7,659EC7,87AFC7,95B9C7,728FCE,2B65EC,306EFF,157DEC,1589FF,6495ED,6698FF,38ACEC,56A5EC,5CB3FF,3BB9FF,79BAEC,82CAFA,82CAFF,A0CFEC,B7CEEC,B4CFEC,C2DFFF,C6DEFF,AFDCEC,ADDFFF,BDEDFF,CFECEC,E0FFFF,EBF4FA,F0F8FF,F0FFFF,CCFFFF,93FFE8,9AFEFF,7FFFD4,00FFFF,7DFDFE,57FEFF,8EEBEC,50EBEC,4EE2EC,81D8D0,92C7C7,77BFC7,78C7C7,48CCCD,43C6DB,46C7C7,7BCCB5,43BFC7,3EA99F,3B9C9C,438D80,348781,307D7E,5E7D7E,4C787E,008080,4E8975,78866B,848b79,617C58,728C00,667C26,254117,306754,347235,437C17,387C44,347C2C,347C17,348017,4E9258,6AA121,4AA02C,41A317,3EA055,6CBB3C,6CC417,4CC417,52D017,4CC552,54C571,99C68E,89C35C,85BB65,8BB381,9CB071,B2C248,9DC209,A1C935,7FE817,59E817,57E964,64E986,5EFB6E,00FF00,5FFB17,87F717,8AFB17,6AFB92,98FF98,B5EAAA,C3FDB8,CCFB5D,B1FB17,BCE954,EDDA74,EDE275,FFE87C,FFFF00,FFF380,FFFFC2,FFFFCC,FFF8C6,FFF8DC,F5F5DC,FBF6D9,FAEBD7,F7E7CE,FFEBCD,F3E5AB,ECE5B6,FFE5B4,FFDB58,FFD801,FDD017,EAC117,F2BB66,FBB917,FBB117,FFA62F,E9AB17,E2A76F,DEB887,FFCBA4,C9BE62,E8A317,EE9A4D,C8B560,D4A017,C2B280,C7A317,C68E17,B5A642,ADA96E,C19A6B,CD7F32,C88141,C58917,AF9B60,AF7817,B87333,966F33,806517,827839,827B60,786D5F,493D26,483C32,6F4E37,835C3B,7F5217,7F462C,C47451,C36241,C35817,C85A17,CC6600,E56717,E66C2C,F87217,F87431,E67451,FF8040,F88017,FF7F50,F88158,F9966B,E78A61,E18B6B,E77471,F75D59,E55451,E55B3C,FF0000,FF2400,F62217,F70D1A,F62817,E42217,E41B17,DC381F,C34A2C,C24641,C04000,C11B17,9F000F,990012,8C001A,954535,7E3517,8A4117,7E3817,800517,810541,7D0541,7E354D,7D0552,7F4E52,7F5A58,7F525D,B38481,C5908E,C48189,C48793,E8ADAA,ECC5C0,EDC9AF,FDD7E4,FCDFFF,FFDFDD,FBBBB9,FAAFBE,FAAFBA,F9A7B0,E7A1B0,E799A3,E38AAE,F778A1,E56E94,F660AB,FC6C85,F6358A,F52887,E45E9D,E4287C,F535AA,FF00FF,E3319D,F433FF,D16587,C25A7C,CA226B,C12869,C12267,C25283,C12283,B93B8F,7E587E,571B7E,583759,4B0082,461B7E,4E387E,614051,5E5A80,6A287E,7D1B7E,A74AC7,B048B5,6C2DC7,842DCE,8D38C9,7A5DC7,7F38EC,8E35EF,893BFF,8467D7,A23BEC,B041FF,C45AEC,9172EC,9E7BFF,D462FF,E238EC,C38EC7,C8A2C8,E6A9EC,E0B0FF,C6AEC7,F9B7FF,D2B9D3,E9CFEC,EBDDE2,E3E4FA,FDEEF4,FFF5EE,FEFCFF,FFFFFF';

但是這樣的缺點就是色盤太長了,使用起來很不方便,因此要改CKEDITOR的原始程式(雖然這樣子並不好):

修改 path/to/ckeditor/plugins/colorbutton/plugin.js 第10行約在最後,由%8改成%16

);for(e=0;e<l.length;e++){0===e%8&&f.push(

所以折衷我修改成192色的調色盤

config.colorButton_colors = '000,111,222,333,444,555,666,777,888,999,AAA,BBB,D1D0CE,E5E4E2,BCC6CC,98AFC7,737CA1,4863A0,2B547E,2B3856,151B54,000080,342D7E,2554C7,2B60DE,6960EC,736AFF,357EC7,3090C7,659EC7,87AFC7,95B9C7,728FCE,2B65EC,1589FF,6698FF,38ACEC,3BB9FF,79BAEC,82CAFA,A0CFEC,B7CEEC,B4CFEC,C2DFFF,C6DEFF,AFDCEC,ADDFFF,BDEDFF,CFECEC,E0FFFF,CCFFFF,93FFE8,9AFEFF,7FFFD4,00FFFF,7DFDFE,4EE2EC,81D8D0,92C7C7,43C6DB,3B9C9C,438D80,307D7E,4C787E,008080,617C58,728C00,667C26,254117,306754,347235,437C17,347C2C,4E9258,41A317,3EA055,4CC417,52D017,54C571,99C68E,85BB65,8BB381,9CB071,B2C248,A1C935,59E817,64E986,5EFB6E,00FF00,98FF98,B5EAAA,C3FDB8,CCFB5D,B1FB17,BCE954,EDDA74,EDE275,FFE87C,FFFF00,FFF380,FFFFCC,FFF8C6,F5F5DC,FBF6D9,FAEBD7,F7E7CE,F3E5AB,ECE5B6,FFE5B4,FFDB58,FDD017,EAC117,F2BB66,FBB917,FFA62F,E9AB17,E2A76F,DEB887,FFCBA4,C9BE62,966F33,806517,827839,827B60,786D5F,483C32,6F4E37,835C3B,C47451,C36241,C85A17,E67451,F88017,FF7F50,F9966B,E78A61,E77471,F75D59,E55451,FF0000,7D0552,7F525D,B38481,C5908E,C48189,C48793,E8ADAA,ECC5C0,EDC9AF,FDD7E4,FCDFFF,FFDFDD,FBBBB9,FAAFBA,E7A1B0,E799A3,FC6C85,F52887,E45E9D,E4287C,F535AA,FF00FF,E3319D,D16587,C25A7C,C12267,C25283,C12283,B93B8F,7E587E,571B7E,583759,461B7E,4E387E,614051,5E5A80,6A287E,6C2DC7,8D38C9,8E35EF,8467D7,B041FF,C45AEC,D462FF,E238EC,E6A9EC,E0B0FF,F9B7FF,E3E4FA,FDEEF4,FFF5EE,FFFFFF';

 

END

你可能感興趣的文章

Jquery 圖片放大的工具:放大鏡 想讓網頁上的圖片局部放大,有沒有簡單好用的 jquery?

正則表達式:Email名稱防止連續輸入點(.)及下底線(_) Email的名稱中要允許特殊符號,但又不允許連續出現的正則表達式

[Jquery] 複選的checkbox取值 遇到複選的checkbox該如何取值?

[Javascript] 偵錯方式 (火狐中的javascript偵錯) javascript 並不是很容易偵錯(debug)的語言,但那是以前,現在有很多瀏覽器支持很多的工具,此文以火狐為例談談偵錯...

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

Javascript/Jquery 建立、讀取、刪除cookie值 Javascript/Jquery 建立、讀取、刪除cookie值

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

為什麼要買長達二十年的保單? 為什麼要買長達二十年的保單?找一個可以說服我買二十年保單的理由。

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

[HP DL380G7] 生效啟動第3,4片網卡/開啟或關閉內建的網卡 HP DL380G7 預設第3,4片網卡裝完系統後找不到,難道是壞了?要怎麼辦?

[Freebsd] 使用 ADSL 撥接上網 Freebsd上要使用 ADSL 撥接上網,該如何設定?

Linux shell 的date表示法 linux下SHELL中的date表示法