Benutzerdefinierte Textfarbe hinzufügen WordPress 3.9 TinyMCE 4 Visueller Editor

Lesezeit: 3 Minuten

Ich hatte ein Code-Snippet, das mir helfen würde, dem Dropdown-Menü für die Textfarbe des visuellen Editors zusammen mit den Standardfarben eine benutzerdefinierte Farbe hinzuzufügen. Ich füge den Ausschnitt unten ein.

function change_mce_options( $init ) {
  $default_colours="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";
  $custom_colours="e14d43,d83131,ed1c24,f99b1c,50b848,00a859,00aae7,282828";
  $init['theme_advanced_text_colors'] = $default_colours . ',' . $custom_colours;
  $init['theme_advanced_more_colors'] = true;
  return $init;
}
add_filter('tiny_mce_before_init', 'change_mce_options');

Nach dem Update auf WordPress 3.9 funktionierte es nicht mehr. Ich habe viel versucht, es zu beheben, aber ich kann es nicht. Können Sie mir bitte helfen?

Benutzeravatar von urosevic
urosevic

Option für Textfarben ist textcolor_map und das Format jeder Farbe ist "color_hex", "color_name".

Ändern Sie also in Ihrem Beispiel einfach den Optionsnamen und konvertieren Sie das Farbarray in etwas wie das Folgende:

function my_mce4_options($init) {
  $default_colours=""000000", "Black",
                      "993300", "Burnt orange",
                      "333300", "Dark olive",
                      "003300", "Dark green",
                      "003366", "Dark azure",
                      "000080", "Navy Blue",
                      "333399", "Indigo",
                      "333333", "Very dark gray",
                      "800000", "Maroon",
                      "FF6600", "Orange",
                      "808000", "Olive",
                      "008000", "Green",
                      "008080", "Teal",
                      "0000FF", "Blue",
                      "666699", "Grayish blue",
                      "808080", "Gray",
                      "FF0000", "Red",
                      "FF9900", "Amber",
                      "99CC00", "Yellow green",
                      "339966", "Sea green",
                      "33CCCC", "Turquoise",
                      "3366FF", "Royal blue",
                      "800080", "Purple",
                      "999999", "Medium gray",
                      "FF00FF", "Magenta",
                      "FFCC00", "Gold",
                      "FFFF00", "Yellow",
                      "00FF00", "Lime",
                      "00FFFF", "Aqua",
                      "00CCFF", "Sky blue",
                      "993366", "Red violet",
                      "FFFFFF", "White",
                      "FF99CC", "Pink",
                      "FFCC99", "Peach",
                      "FFFF99", "Light yellow",
                      "CCFFCC", "Pale green",
                      "CCFFFF", "Pale cyan",
                      "99CCFF", "Light sky blue",
                      "CC99FF", "Plum"";

  $custom_colours=""E14D43", "Color 1 Name",
                      "D83131", "Color 2 Name",
                      "ED1C24", "Color 3 Name",
                      "F99B1C", "Color 4 Name",
                      "50B848", "Color 5 Name",
                      "00A859", "Color 6 Name",
                      "00AAE7", "Color 7 Name",
                      "282828", "Color 8 Name"";

  // build colour grid default+custom colors
  $init['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';

  // enable 6th row for custom colours in grid
  $init['textcolor_rows'] = 6;

  return $init;
}
add_filter('tiny_mce_before_init', 'my_mce4_options');

BEARBEITEN: Das Standard-Farbfeldraster ist 5×8 (ROWSxCOLS), und um benutzerdefinierte Farben nach dem Standardfarbraster anzuhängen, müssen wir die Anzahl der Zeilen ändern. Änderung im obigen Code enthalten und besser in my erklärt Blogeintrag.

EDIT2: Jetzt gibt es ein Farbwähler-Addon – TinyMCE-Farbwähleralso sind alle farbbezogenen Optimierungen für WordPress 3.9 jetzt gelöst!

BEARBEITEN 3: Die obige Farbauswahl ist veraltet. Dies ist das aktuellste Plugin ab September 2016: https://wordpress.org/plugins/kt-tinymce-color-grid/

Prost

  • Vielen Dank Alter. Das wird eine Menge Leute da draußen retten. Gott segne dich (y)

    – iSaumya

    21. April 2014 um 14:49 Uhr

  • Auch in der $init['textcolor_map'] Wir müssen zuerst die senden benutzerdefinierte Farben dann ist die Standardfarben, ich habe versucht, das Gegenteil zu tun, aber es funktioniert nicht, vielleicht erlaubt die neue Version das nicht, aber vielen Dank für die Hilfe. Danke vielmals.

    – iSaumya

    21. April 2014 um 15:02 Uhr

  • @urosevic Was ist mit dem Hinzufügen der benutzerdefinierten Farbauswahl: ” $init[‘theme_advanced_more_colors’] = wahr;”

    – Ptimson

    24. April 2014 um 17:22 Uhr

  • @ptimson Ich bin mir ziemlich sicher, dass TinyMCE 4.0 standardmäßig keine benutzerdefinierte Farbauswahlfunktionalität hat.

    – Urosevic

    25. April 2014 um 21:05 Uhr

  • Jetzt haben wir eine Lösung für die Farbauswahl – check out TinyMCE-Farbwähler Plugin

    – Urosevic

    30. April 2014 um 20:39 Uhr

1394960cookie-checkBenutzerdefinierte Textfarbe hinzufügen WordPress 3.9 TinyMCE 4 Visueller Editor

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy