web-dev-qa-db-fra.com

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, l'italique gras fonctionne mais la sélection de la taille de 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'}
    ],
});**
javascriptcssfontstinymcewysiwyg
40
Hasnain

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"
});
100
Thariama
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 |
5
user1787582

Cela peut être utile pour la perspective. Ci-dessous se trouve mon code TinyMCE init JS qui inclut l'option pour le type et la taille de 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
JGilmartin

Je suis vraiment ennuyé de voir comment wordpress semble s'efforcer de faire en sorte que les gens veuillent creuser en arrière-plan et jouer avec les codes, même pour des fonctions soi-disant basiques comme changer les polices.

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

Juste -

  1. Utilisez le plugin 'TinyMCE Advanced'
  2. Activez-le dans les paramètres.

Instructions plus détaillées ici .

2
shadowoflight