Wie kann ich die Standard-Farbpalette im TinyMce-Editor ändern?

Question

Ich habe einige voreingestellte Farben, die ich hinzufügen möchte, die mit dem Thema meiner Website einhergeht. Wie kann ich die Standard-Schriftfarbenpalette in TinyMce ändern?

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

Answer 1

A. Die einfache aber schmutzige Art und Weise ist es, den Quellcode zu bearbeiten. Nimm die Datei tiny_mce.js und suche nach der Zeichenkette "000000,993300,333300," - das ist der Anfang der Farbdefinition des SplitButtons. Sie können nun die Farben nach Belieben bearbeiten. Dadurch wird die Farbeinstellung für alle ColorSplitButton-Instanzen angepasst.

B. Eine andere Möglichkeit, nicht so schmutzig, wie mit dem Quellcode zu geifern ist, die Farben nach Editor-Initialisierung anzupassen. Sie müssen the setup parameter auf Ihre tinymce Konfiguration hinzuzufügen (oder es in einem Ihrer eigenen tinymce Plugins) setzen:

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'); 
     }); 
    } 

Beachten Sie, dass Sie auch andere attriubtes des Splitbutton ändern könnte sein soll (dh den Titel, Hintergrundfarbe, ...)

C. die sauberste, aber zeitraubende Lösung ist ein eigenes Plugin mit einem eigenen ColorSplitButton mit den Farben Ihrer Wahl in der Einstellung für das Kontrollelement zu entwickeln (einen Blick In der tinymce-Entwicklerversion gibt es eine Datei namens ColorSplitButton.js. Hier ist ein Code die Farbeinstellung enthält:

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: "#hexhex, #hexhex, #hexhex"

Setzen Sie, dass in der init() Funktion und boom, Ihre Farbpalette ist Gewohnheit. Und Sie erhalten immer noch die Schaltfläche für mehr Farben. Keine zusätzlichen Plugins. Keine verrückte Arbeit.

Answer 3

Nun, es bin ein bisschen spät, aber meine Lösung wäre:

1.Assuming, die Sie verwenden ‚Textfarbe‘ Plugin, kopieren Sie die ‚Textfarbe‘ Ordner in ‚plugins‘ Verzeichnis und gibt ihm einen neuen Namen (Sagen wir 'mytextcolor'). Das ist der Name Ihres neuen Plugins (mytextcolor)

2.In Ihrem 'mytextcolor'-Ordner öffnen Sie plugin.min.js und in Zeile 12 finden Sie die Standard-Farbpalette. modifiziere das mit neuen Farbnamen und Codes.

3.in Ihre tinymce config 'Textfarbe' in Plugins Parameter 'mytextcolor'

Hoffnung umbenennen, die

Answer 4

Versuchen Sie es mit der 'textcolor_map' Einstellung auf Ihrem Editor Konfiguration hilft?

Ich habe auch versucht zu finden, wie man die Standard-Schriftfarbe Palette in Tinymce ändern. Meistens haben Antworten wie die oben genannten auf die Verwendung einer der Konfigurationseigenschaften basierend auf "theme_advanced_" hingewiesen. Das Thema "Erweitert" ist jedoch nicht in Version 4 enthalten, und das Thema "Modern", das in Version 4 standardmäßig verwendet wird, weist nicht die gleichen Eigenschaften auf. Eine themenunabhängige Lösung wäre ohnehin vorzuziehen.

Und lo!Ein kurzer Blick in das Plugin 'textcolor' zeigt, dass das Plugin beim Einrichten der Colormap zuerst auf die oben erwähnte Eigenschaft in den Einstellungen des Editors schaut.