TinyMce editöründe varsayılan yazı tipi renk paletini nasıl değiştirebilirim?

Question

Web sitemin temasıyla ilişkili olarak eklemek istediğim bazı önceden ayarlanmış renklerim var. TinyMce'deki varsayılan yazı tipi renk paletini nasıl değiştirebilirim?

screenshot-with-shadow.png http://img407.imageshack.us/img407/4526/screenshotwithshadow.png

Answer 1

A. kolay ama kirli yolu kaynak kodunu düzenlemektir. Tiny_mce.js dosyasını alın ve "000000,993300,333300," dizesini arayın - bu, SplitButton'un renk tanımının başlangıcıdır. Artık renkleri istediğiniz gibi düzenleyebilirsiniz. Bu, tüm ColorSplitButton örneklerinin renk ayarını değiştirir.

B. Başka bir yol, kaynak kodla kandırılmayacak kadar kirli değil, editörün başlatılmasından sonra renkleri ayarlamaktır. ,

setup : function(ed) { 
     ed.onInit.add(function(ed) { 

     $('.mceColorSplitMenu').find('#_mce_item_2').get(0).setAttribute('data-mce-color','#0202FF'); 
     $('.mceColorSplitMenu').find('#_mce_item_3').get(0).setAttribute('data-mce-color','#0203FF'); 
      ... 
     $('.mceColorSplitMenu').find('#_mce_item_41').get(0).setAttribute('data-mce-color','#0241FF'); 
     }); 
    } 

diğer SplitButton ait attriubtes yanı (yani başlığını değiştirmek isteyebilirsiniz unutmayın: Eğer tinymce yapılandırmasına the setup parameter eklemeniz gerekir (ya da kendi tinymce eklentileri birinin içine koymak) olacak arka plan rengini, ...)

C. en temiz ama zaman alıcı bir çözüm bir kendi ColorSplitButton o kontrol elemanı için ortamda seçtiğiniz renkleri içeren kullanarak kendi eklentisi geliştirmektir (bir göz tinymce geliştirici sürümünde) ColorSplitButton.js adlı bir dosya var.

ColorSplitButton : function(id, s, ed) { 
     var t = this; 

     t.parent(id, s, ed); 

     /** 
     * Settings object. 
     * 
     * @property settings 
     * @type Object 
     */ 
     t.settings = s = tinymce.extend({ 
      colors : '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF', 
      grid_width : 8, 
      default_color : '#888888' 
     }, t.settings); 

Answer 2

https://www.youtube.com/watch?v=dySkwdZG9J0

theme_name_text_colors: Burada renk ayarı içeren bazı kodu "#hexhex, #hexhex, #hexhex" init() işlevi ve bom koy

, senin Renk paleti özeldir. Ve hala daha fazla renk düğmesi elde edersiniz. Ek eklenti yok. Çılgın bir iş yok.

Answer 3

Eh, biraz geç oldu ama benim çözüm olacaktır: Eğer 'metin rengi' eklentisi kullanıyorsanız

1.Assuming, 'eklentileri' dizinindeki 'metin rengi' klasörünü kopyalayıp yeni bir ad vermek ('mytextcolor' diyelim). Bu yeni eklentinin (mytextcolor)

2. adı 'mytextcolor' klasörünüzde açık plugin.min.js ve satır 12'de varsayılan renk paletini bulacaksınız. Bunu yeni renk isimleri ve kodları ile değiştirin. senin tinymce yapılandırma 3.in

Answer 4

'textcolor_map' Düzenleyicinizin yapılandırmasına ayarını kullanmayı deneyin yardımcı olur 'mytextcolor'

Hope'a eklentileri parametrelerinde 'textColor' adlandırmak?

Ben de Tinymce'deki varsayılan yazı tipi renk paletini nasıl değiştireceğimi bulmaya çalışıyordum. Çoğu zaman yukarıdaki gibi cevaplar 'theme_advanced_' esasına dayanan yapılandırma özelliklerinden birini kullandığını işaret etti. Bununla birlikte, 'gelişmiş' tema, sürüm 4 ile ve sürüm 4'ün varsayılan olarak kullandığı 'modern' temayla paketlenmez, aynı özellikleri göstermez. Bir tema bağımsız çözüm zaten tercih edilebilir.

Ve lo!'Textcolor' eklentisine hızlı bir bakış, eklentinin renk eşlemini oluşturduğunda, önce editörün ayarlarında yukarıda bahsedilen özelliğe baktığını ortaya çıkarır.