comment ajouter une barre d'outils de taille de police dans tinyMCE?

De cette façon, j'initialise tinyMCE dans une zone de texte. police, gras italique fonctionne mais la sélection de la taille de la police ne fonctionne pas .

tinymce.init({
    selector: "textarea#content",
    theme: "modern",
    width: 586,
    height: 300,
    menubar:false,
    font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",//i used this line for font sizes 
    content_css: "css/content.css",
    toolbar: "sizeselect | bold italic | fontselect | fontsize",//used font size for showing font size toolbar   
style_formats: [

    {title: 'Bold text', inline: 'b'},
            {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
            {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
            {title: 'Example 1', inline: 'span', classes: 'example1'},
            {title: 'Example 2', inline: 'span', classes: 'example2'},
            {title: 'Table styles'},
            {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
    ],
});**
37
demandé sur Thariama 2013-04-25 20:31:49

4 réponses

Tout ce que vous devez faire est d'ajouter fontsizeselect à votre paramètre de configuration de la barre d'outils:

toolbar: "sizeselect | bold italic | fontselect |  fontsizeselect",

Mise à jour:

tinymce.init({
  fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt"
});
87
répondu Thariama 2017-08-01 07:16:50
theme_modern_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
font_size_style_values: "12px,13px,14px,16px,18px,20px",

toolbar: "insertfile undo redo | fontsizeselect |
4
répondu user1787582 2018-01-04 10:04:27

Cela peut être utile pour la perspective. Voici mon code TinyMCE init JS qui inclut l'option pour le type et la taille de la police.

tinymce.init({
    selector: '#articletextarea',
    plugins: [
        'advlist autolink lists link image charmap preview hr anchor pagebreak',
        'searchreplace wordcount visualblocks visualchars code',
        'insertdatetime media nonbreaking table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern imagetools codesample'
    ],
    toolbar: 'codesample | bold italic sizeselect fontselect fontsizeselect | hr alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | insertfile undo redo | forecolor backcolor emoticons | code',
    fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
    height: "350",
    menubar: false
});
4
répondu JGilmartin 2018-08-28 17:49:52

Je suis vraiment agacé par la façon dont wordpress semble s'efforcer de rendre les gens veulent creuser dans l'arrière-plan et jouer avec les codes, même pour des fonctions supposées de base comme changer les polices.

Heureusement, j'ai trouvé un moyen d'activer le menu de taille de police sans faire de codage réel.

Juste

  1. utilisez le plugin 'TinyMCE Advanced'
  2. activez-le dans les paramètres.

Des instructions Plus détaillées ici.

2
répondu shadowoflight 2015-03-17 19:02:25