Come aggiungere campioni di colore personalizzati a tutti gli editor WYSIWYG

Question

Come aggiungere campioni di colore personalizzati a tutti gli editor WYSIWYG

28 lug 2016, 13:59:09

Visualizzazioni: 20.5K

Voti: 11

Vorrei poter aggiungere gli stessi colori personalizzati ai campioni nella parte inferiore dei pannelli di selezione colore che appaiono negli editor WYSIWYG in tutto il sito, per rendere più facile ai clienti mantenere uno stile coerente.

I campioni a cui mi riferisco sono quelli nella riga inferiore dello screenshot.

Vorrei farlo senza installare un plugin, idealmente.

Selettore colori in WordPress con campioni personalizzati

Clayton Jones

274

wysiwyg selettore-colori

Tutte le risposte alla domanda

Commenti

Ne sono consapevole, ma questo non aggiorna la tavolozza tra gli editor WYSIWYG del sito come richiesto. Per me adesso non lo fa nemmeno all'interno di un singolo articolo dopo l'aggiornamento.

Clayton Jones

28 lug 2016 14:45:07

Vuoi mantenere anche il colore predefinito? O solo quelli personalizzati (cioè quelli consentiti)?

Max Yudin

28 lug 2016 15:20:48

Vorrei poter specificare una selezione di colori che riempiano le tavolozze personalizzate in ogni editor WYSIWYG del sito.

Clayton Jones

28 lug 2016 15:32:02

La risposta migliore è stata aggiunta.

Max Yudin

28 lug 2016 16:17:14

Oltre alla risposta di Max, se stai cercando di aggiungere alla tavolozza esistente, ecco la tavolozza di colori predefinita:

$custom_colours = '[
      "000000", "Nero",
      "993300", "Arancio bruciato",
      "333300", "Oliva scuro",
      "003300", "Verde scuro",
      "003366", "Azzurro scuro",
      "000080", "Blu marina",
      "333399", "Indaco",
      "333333", "Grigio molto scuro",
      "800000", "Marrone",
      "FF6600", "Arancio",
      "808000", "Oliva",
      "008000", "Verde",
      "008080", "Verde acqua",
      "0000FF", "Blu",
      "666699", "Blu grigiastro",
      "808080", "Grigio",
      "FF0000", "Rosso",
      "FF9900", "Ambra",
      "99CC00", "Giallo verde",
      "339966", "Verde mare",
      "33CCCC", "Turchese",
      "3366FF", "Blu reale",
      "800080", "Viola",
      "999999", "Grigio medio",
      "FF00FF", "Magenta",
      "FFCC00", "Oro",
      "FFFF00", "Giallo",
      "00FF00", "Lime",
      "00FFFF", "Acqua",
      "00CCFF", "Blu cielo",
      "993366", "Violetto rossastro",
      "FFFFFF", "Bianco",
      "FF99CC", "Rosa",
      "FFCC99", "Pesca",
      "FFFF99", "Giallo chiaro",
      "CCFFCC", "Verde pallido",
      "CCFFFF", "Ciano pallido",
      "99CCFF", "Blu cielo chiaro",
      "CC99FF", "Prugna",
      ... PERSONALIZZATO QUI ...
    ]';

JDandChips

210

1 ott 2019 14:20:10

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

Clicca sul testo Personalizzato... e si aprirà il selettore colore. Scegli il colore che preferisci e premi OK. Il colore selezionato apparirà come una tavolozza personalizzata per un uso successivo.

Nota! La soluzione sopra non è una soluzione. Vedi i commenti e modifica qui sotto.

Modifica:

Ecco una funzione che sostituisce l'intera tavolozza predefinita con tavolozze personalizzate.

Nota, ci sono 7 colori nella lista invece di 8. Questo perché dovrebbe esserci anche la croce di moltiplicazione X (✕) alla fine della lista dei colori che rimuove qualsiasi colore applicato al testo. Quindi, quando si aggiunge un'altra riga dovrebbero esserci 15 colori, non 16.

function my_mce4_options($init) {

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

    // costruisce la griglia dei colori con quelli predefiniti + personalizzati
    $init['textcolor_map'] = '['.$custom_colours.']';

    // cambia il numero di righe nella griglia se il numero di colori cambia
    // 8 campioni per riga
    $init['textcolor_rows'] = 1;

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

Inoltre, puoi costruire la tua griglia di campioni in base al numero di colori e alle esigenze dell'interfaccia utente:

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

Basato in gran parte su questa risposta su WPSE.

Per maggiori informazioni e personalizzazioni vedi questo articolo del blog.