[精讚] [會員登入]
236

[CKeditor4] 修改調色盤

修改ckeditor預設的調色盤

此文完整連結 http://n.sfs.tw/10299

複製連結 [CKeditor4] 修改調色盤@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2016-11-26 11:21:58 最後編修
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';

 

你可能感興趣的文章

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用

[jQuery] checkbox 及 radio 設定值 jQuery 之 checkbox 及 radio 取值及設定值的方法

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

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

[CKeditor4] 修改特殊字元 CKeditor4 中設定自己想用的特殊字元

[Javascript] NaN是什麼? javascript 的NaN和取得整數

[CKeditor4] 設定區塊樣式、段落格式、字型名稱及字型大小 CKeditor4中要自訂設定區塊樣式、段落格式、字型名稱及字型大小。

[Ckeditor4] 讀、寫與插入內容到欄位 Ckeditor4 提供非常多方法,可以插入、讀取和寫入到TEXTAREA中

[jQuery] 利用load()來達成ajax的寫法 jQuery中利用load()來達成ajax的寫法,也有人稱他是假的ajax,作法就是..

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值,不能使用 .text() 或 .html() ,使用 .

我有話要說


限制:留言最高字數1000字,超過部分會被截掉。請注意:留言不可帶有網址,會被濾掉。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

如何在linux下執行java 原生的java應用程式可以使用簡單的方法在console下面寫出來,適合作簡單的應用

PHP for sphinx 函式庫安裝 PECL/sphinx PHP>= 5.2.2 已經能原生支援 sphinx,可是預設的沒有裝,我們得自己裝才能用

世紀帝國征服者新版本--被遺忘的帝國 世紀帝國征服者新版本--被遺忘的帝國 世紀二代的征服者是精典遊戲中的精典,aofe更好玩...

[Wildfly10] 發佈war檔 deploy war file onto wildfly10

最值得學的電腦技能 什麼是最值得學的電腦技能?程式設計?美工繪圖?系統網路?還是…? 都不是!個人覺得一個最值得學的電腦技能就