Cum adaugi palete de culori personalizate în toate editoarele WYSIWYG?

Question

Cum adaugi palete de culori personalizate în toate editoarele WYSIWYG?

28 iul. 2016, 13:59:09

Vizualizări: 20.5K

Voturi: 11

Aș dori să pot adăuga aceleași culori personalizate în paletele din partea de jos a panourilor de selectare a culorilor care apar în editoarele WYSIWYG pe tot site-ul, pentru a face mai ușor pentru clienți să mențină un stil consistent.

Paletele la care mă refer sunt cele din rândul de jos din captură.

Aș dori să fac acest lucru fără a instala un plugin, ideal.

Selector de culori în WordPress

Clayton Jones

274

wysiwyg selector-culoare

Toate răspunsurile la întrebare

Comentarii

Sunt conștient de acest lucru, dar acest lucru nu actualizează paleta de culori între editorii WYSIWYG de pe site, așa cum a fost cerut. Pentru mine acum nici măcar nu o face într-un singur post după actualizare.

Clayton Jones

28 iul. 2016 14:45:07

Doriți să păstrați și culoarea implicită? Sau doar cea personalizată (adică permisă)?

Max Yudin

28 iul. 2016 15:20:48

Aș dori să pot specifica o selecție de culori care să umple palatele personalizate în fiecare editor WYSIWYG de pe site.

Clayton Jones

28 iul. 2016 15:32:02

Răspunsul mai bun a fost adăugat.

Max Yudin

28 iul. 2016 16:17:14

În plus față de răspunsul lui Max, dacă doriți să adăugați la paleta existentă, iată paleta de culori implicită:

$custom_colours = '[
      "000000", "Negru",
      "993300", "Portocaliu ars",
      "333300", "Măslină închis",
      "003300", "Verde închis",
      "003366", "Azuriu închis",
      "000080", "Albastru marin",
      "333399", "Indigo",
      "333333", "Gri foarte închis",
      "800000", "Maro",
      "FF6600", "Portocaliu",
      "808000", "Măslin",
      "008000", "Verde",
      "008080", "Turcoaz",
      "0000FF", "Albastru",
      "666699", "Albastru gălbuț",
      "808080", "Gri",
      "FF0000", "Roșu",
      "FF9900", "Chihlimbar",
      "99CC00", "Verde-gălbui",
      "339966", "Verde marin",
      "33CCCC", "Turcoaz",
      "3366FF", "Albastru regal",
      "800080", "Violet",
      "999999", "Gri mediu",
      "FF00FF", "Magenta",
      "FFCC00", "Auriu",
      "FFFF00", "Galben",
      "00FF00", "Verde lime",
      "00FFFF", "Aqua",
      "00CCFF", "Albastru cer",
      "993366", "Violet-roșu",
      "FFFFFF", "Alb",
      "FF99CC", "Roz",
      "FFCC99", "Piersică",
      "FFFF99", "Galben deschis",
      "CCFFCC", "Verde pal",
      "CCFFFF", "Cian pal",
      "99CCFF", "Albastru cer deschis",
      "CC99FF", "Prună",
      ... CUSTOM AICI ...
    ]';

JDandChips

210

1 oct. 2019 14:20:10

Max Yudin 6.38K · Accepted Answer · 2016-07-28T14:26:57Z

Faceți clic pe textul Personalizat... și selectorul de culori va apărea. Alegeți culoarea dorită și apăsați OK. Culoarea selectată va apărea ca o mostră personalizată pentru utilizare ulterioară.

Notă! Soluția de mai sus nu este o soluție. Consultați comentariile și editați mai jos.

Editare:

Iată o funcție care înlocuiește întreaga paletă implicită cu mostre personalizate.

Rețineți, sunt 7 culori în listă în loc de 8. Acest lucru se întâmplă deoarece ar trebui să existe și simbolul de înmulțire X (✕) la sfârșitul listei de culori, care elimină orice culoare aplicată textului. Astfel, când adăugați un rând suplimentar, ar trebui să fie 15 culori, nu 16.

function my_mce4_options($init) {

    $custom_colours = '
        "3366FF", "Nume culoare 1",
        "CCFFCC", "Nume culoare 2",
        "FFFF00", "Nume culoare 3",
        "99CC00", "Nume culoare 4",
        "FF0000", "Nume culoare 5",
        "FF99CC", "Nume culoare 6",
        "CCFFFF", "Nume culoare 7"
    ';

    // construiește grila de culori implicite + personalizate
    $init['textcolor_map'] = '['.$custom_colours.']';

    // modifică numărul de rânduri din grilă dacă numărul de culori se schimbă
    // 8 mostre pe rând
    $init['textcolor_rows'] = 1;

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

De asemenea, puteți construi propria grilă de mostre în funcție de numărul de culori și cerințele UI:

$init['textcolor_rows'] = 4;
$init['textcolor_cols'] = 2;

Bazat în mare parte pe acest răspuns WPSE.

Pentru mai multe informații și personalizări, consultați acest articol de blog.