Ajouter la famille de polices dans TinyMCE

Question

Ajouter la famille de polices dans TinyMCE

- 2
- 4014 2016-09-21
J'essaie d'ajouter desfamilles depolices àtous lesformats depolicepré-remplis qui setrouvent déjà dans la liste déroulante. Jepourraisgarder une variable de valeurspar défaut et l'ajouter à cela,maisj'essaie de la rendre aussi dynamique quepossible si les valeurspar défaut changement dans lefutur. Tous les didacticiels quej'ai vusjusqu'àprésent remplacent les valeurspar défautpar ce quiest vu ci-dessous:

function tinymce_testerski( $init ) { $init['font_formats'] = 'Arial=arial,helvetica,san-serif'; return $init; } add_filter( 'tiny_mce_before_init', 'tinymce_testerski' );

Leproblèmeest que la clé font_formatsn'existepas dans letableau $init. J'espérais qu'il y aurait unparamètre/option comme style_formats_merge maisje nepouvaispastrouvez untel cas dans la documentation TinyMCE.

Je suis ouvert àtoutes les solutions quime permettraient d'ajouterefficacement desfamilles depolices aumenu déroulant "Famille depolices".
I'm trying to append font families to whatever prepopulated font formats are already in the dropdown. I could keep a variable of defaults and append to that but I'm trying to make it as dynamic as possible should the defaults change in the future. All the tutorials I've seen thus far replace the defaults with whatever as seen below:

function tinymce_testerski( $init ) { $init['font_formats'] = 'Arial=arial,helvetica,san-serif'; return $init; } add_filter( 'tiny_mce_before_init', 'tinymce_testerski' );

The problem is that font_formats key doesn't exist in the $init array. I was hoping there would be a setting / option like style_formats_merge but I couldn't find any such case in the TinyMCE docs.

I'm open to all solutions which would allow me to efficiently append font families to the "Font Family" dropdown.
tinymce

1 réponses

votes

bueltge · Accepted Answer · 2016-09-28

3

2016-09-28

Vous devez utiliser latouche styleselect dans letableau desparamètres TinyMCEpour lesformatspersonnalisés. Cette sélectionest vraiment utilepour les stylespersonnalisés,les améliorations. voustrouvereztoutes lesinformationspertinentespour cette solution dans cette réponse à la questionn ° 128931 dans lemême contexte.

Via `fontselect`

Mais si vous aimez utiliser la sélection depolice,utilisez la source suivante commeexemple. Le résultatest que l'éditeur ajoute unebalise span avec lesparamètres depolice dans des stylesen ligne,comme & lt; span style="font-family: arial,helvetica,sans-serif;" > Content & lt;/span > .

L'exemple de source suivant crée ce résultat,visible sur la capture d'écran.

Ajouter une sélection depolice

Dans unpremiertemps,ajoutez la chaîne de clépour obtenir lebouton de sélection depolice.

 /**
 * Ajoutez lebouton "famille depolices".
 */
add_filter ('mce_buttons_2','fb_mce_editor_buttons');

functionfb_mce_editor_buttons ($boutons) {

    array_unshift ($boutons,'fontselect');
    return $boutons;
}

Modifier la liste despolices

Vous devriezmaintenant voir la listepar défaut detoutes lespolices. La documentation contient également la liste de la valeurpar défaut,font liste. Pourmodifier cette liste,utilisez l'exemple suivant.

 /**
 * Ajoutez despolices à la liste déroulante "Famille depolices".
 */
add_filter ('tiny_mce_before_init','fb_mce_before_init');

functionfb_mce_before_init ($ settings) {

    $font_formats='Andale Mono=andalemono,fois;'
                  . «Arial=arial,helvetica,sans-serif»;
    $ settings ['font_formats']=$font_formats;

    return $ settings;

}

Policespar défaut

'Andale Mono=andalemono,times;' + 'Arial=arial,helvetica,sans-serif;' + 'Arial Black=arialblack,avantgarde;' + 'Book Antiqua=book antiqua,palatino ; '+' Comic Sans MS=comic sansms,sans-serif; '+' Courier New=couriernew,courier; '+' Georgia=georgia,palatino; '+' Helvetica=helvetica; '+' Impact=impact,chicago; '+' Symbol=symbol; '+' Tahoma=tahoma,arial,helvetica,sans-serif; '+' Terminal=terminal,monaco; '+' Times New Roman=timesnew roman,times; '+' Trebuchet MS=trebuchetms,geneva; '+' Verdana=verdana,geneva; '+' Webdings=webdings; '+' Wingdings=wingdings,zapf dingbats '

TinyMCE 3 contre 4

Utiliser lespolices Google

Cette réponse devrait vous aider.

You should use the styleselect key in the array of the TinyMCE settings for custom formats. This select is really useful for custom styles, enhancements. you find all relevant information for this solution in this answer to question #128931 in the same context.

Via `fontselect`

But if you like to use the font select, then use the follow source as example. The result is, that the editor add a span-tag with the font settings in inline styles, like <span style="font-family: arial, helvetica, sans-serif;">Content</span>.

The follow example source create this result, visible in the screenshot.

Add Font Select

At first add the the key string to get the button to font select.

/**
 * Add the "font family" button.
 */
add_filter( 'mce_buttons_2', 'fb_mce_editor_buttons' );

function fb_mce_editor_buttons( $buttons ) {

    array_unshift( $buttons, 'fontselect' );
    return $buttons;
}

Change Font List

Now you should see the default list of all fonts. The documentation have also include the list of the default value, font list. To change this list use the follow example.

/**
 * Add fonts to the "Font Family" drop-down.
 */ 
add_filter( 'tiny_mce_before_init', 'fb_mce_before_init' );

function fb_mce_before_init( $settings ) {

    $font_formats = 'Andale Mono=andale mono,times;'
                  . 'Arial=arial,helvetica,sans-serif';
    $settings[ 'font_formats' ] = $font_formats;

    return $settings;

}

Default Fonts

'Andale Mono=andale mono,times;'+ 'Arial=arial,helvetica,sans-serif;'+ 'Arial Black=arial black,avant garde;'+ 'Book Antiqua=book antiqua,palatino;'+ 'Comic Sans MS=comic sans ms,sans-serif;'+ 'Courier New=courier new,courier;'+ 'Georgia=georgia,palatino;'+ 'Helvetica=helvetica;'+ 'Impact=impact,chicago;'+ 'Symbol=symbol;'+ 'Tahoma=tahoma,arial,helvetica,sans-serif;'+ 'Terminal=terminal,monaco;'+ 'Times New Roman=times new roman,times;'+ 'Trebuchet MS=trebuchet ms,geneva;'+ 'Verdana=verdana,geneva;'+ 'Webdings=webdings;'+ 'Wingdings=wingdings,zapf dingbats'

TinyMCE 3 vs 4

Small hint, this works only since TinyMCE 4*, smaller this version you must use the key theme_advanced_fonts instead of font_formats.

Use Google Fonts

This answer shoulds help.

Jene suispasen désaccordmais `styleselect`n'apas de liste depolices,doncje nepeux ajouter aucunepolice -je devrais soit avoir 2 sélections distinctes: 1 avec despolicesintégréeset l'autre (dans` styleselect`)avec despolicespersonnalisées ** ou **j'auraisbesoin de recréertoutes lespolicespar défautplusmespolicespersonnalisées dans un onglet `styleselect` quej'essaye d'éviter.

I don't disagree but `styleselect` doesn't have a font list so I can't append any font - I would have to either have 2 separate selects: 1 with built-in fonts and the other ( in `styleselect` ) with custom fonts **or** I would need to recreate all the default fonts plus my custom fonts in a `styleselect` tab both of which I'm trying to avoid.
- 0
- 2016-09-28
- Howdy_McGee
Maispar défaut,vousne pouvez utiliser que les éléments standard,pas de sélectionpersonnalisée.Si vous avezbesoin de sélectionspersonnalisées,vous devez améliorer letinymce,beaucoupplus complexe.Mais vouspouvez voir une solution dans leplugin AddQuicktag.

But on default you can only use the standard items, no custom select. If you need custom selects, you should enhance the tinymce, much more complex. But you can see a solution in the plugin AddQuicktag.
- 0
- 2016-09-28
- bueltge
La raisonpour laquelle `styleselect`ne peutpas être utilisé dans ce casest qu'iln'apas de sélection depolices.J'essaie d'obtenirtoutes lespolicespar défautet d'ajouter despolicespersonnalisées.

The reason `styleselect` can't be used in this case is because it doesn't have a Fonts selection. I'm trying to get all the default fonts and append custom fonts.
- 0
- 2016-09-28
- Howdy_McGee
Veuillez le vérifier avec `fontselect` comme clé,au lieu de` styleselect`.Jepense que cela devrait obtenir lebon champ de sélectionpour lespolices.

Please check it with `fontselect` as key, instead to `styleselect`. I think this should get your the right select field for fonts.
- 0
- 2016-09-29
- bueltge
Mercipour votre aide,`fontselect`est lebonbouton à ajoutermaisje ne voispas demoyen d'ajouter despolices.Si vouspouviezmodifier votre réponse avec unexemple,ce seraittrès utile!

Thanks for your help, `fontselect` is the correct button to add but I don't see a way to append fonts. If you could edit your answer with an example that would be super helpful!
- 0
- 2016-09-29
- Howdy_McGee
Ok,maintenant c'estplus clairpourmoiet jepeux vous aider avec une réponseexplicative.

Ok, now is it clearer for me and I can help you with a explain answer.
- 0
- 2016-09-30
- bueltge
@Howdy_McGee Si la réponseest correcte,vous devriez utiliser le crochetpour laprésenter.Aussi un vote comme unpetit merci était vraimentbien :(

@Howdy_McGee If the answer is right, you should use the hook to present this. Also a vote as a small thank you was really fine :(
- 0
- 2016-10-30
- bueltge
+1pour l'effort.Ilne semblepas que ce queje demande soitencorepossible.Commeindiqué dans la question originale,j'essaie d '_ajouter_ auxpolicespar défautet je sais déjà queje peux * statiquement * conserver une liste de cespolicespar défaut,maisj'essaie de la rendre aussi dynamique quepossible,doncje **ne** veulent conserver une liste statique despolicespar défaut.Ilne semblepas y avoir de crochet ou demoyen d'obtenir despolices ajoutéeset de les ajouter simplement.Votre réponse sembleindiquer 1) conserver une variable depolicespar défaut ou 2) remplacertoutes lespolicesentièrementpar vospolices,ce quin'estpas ce que la question demande.

+1 for effort. It doesn't appear that what I'm asking is possible yet. As stated in the original question I'm trying to _append_ to the default fonts and I already know that I can *statically* keep a list of those default fonts but I'm trying to make it as dynamic as possible so I **dont** want to keep a static list of default fonts. There doesn't appear to be a hook or way to get any added fonts and just append to that though. Your answer appears to say to either 1) keep a variable of default fonts or 2) replace all the fonts entirely with your fonts, which is not what the question asks.
- 1
- 2016-10-30
- Howdy_McGee
Peut-être que vous ajoutez les éléments viajavascript dans ce champ.Ilest doncpossible de l'ajouter dynamiquement.Ajoutez ce champ,utilisez sonidentifiantet ajoutez votre listepersonnalisée.

Maybe you add the items via javascript to this field. So it is possible to add it dynamically. Add this field, use his ID and add your custom list.
- 0
- 2016-10-30
- bueltge

Ajouter la famille de polices dans TinyMCE

1 réponses

Via fontselect

Ajouter une sélection depolice

Modifier la liste despolices

Policespar défaut

TinyMCE 3 contre 4

Utiliser lespolices Google

Via fontselect

Add Font Select

Change Font List

Default Fonts

TinyMCE 3 vs 4

Use Google Fonts

Via `fontselect`

Via `fontselect`