Wie füge ich die Schriftgröße-Symbolleiste in tinyMCE hinzu?

Question

So initialisiere ich tinyMCE zu einem Textarea. Schriftart, Fett Kursiv funktioniert, aber Schriftgröße Auswahl funktioniert nicht.

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'} 
    ], 
});** 

Answer 1

Alles, was Sie tun müssen, ist fontsizeselect Ihrer Symbolleiste Config param hinzuzufügen:

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

Update:

tinymce.init({ 
    fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt" 
}); 

Answer 2

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 | 

Answer 3

Ich bin wirklich verärgert, wie Wordpress scheint sich darum zu bemühen, dass die Menschen in den Hintergrund treten und mit den Codes spielen, selbst für vermeintlich grundlegende Funktionen wie Chan Ging-Schriften.

Zum Glück habe ich einen Weg gefunden, das Schriftgrößenmenü zu aktivieren, ohne eine echte Kodierung zu machen.

Just -

1. Verwenden Sie das Plugin 'TinyMCE Advanced'
2. aktivieren Sie es in Einstellungen.

More detailed instructions here.

Answer 4

Dies kann für die Perspektive nützlich sein. Im Folgenden finden Sie JS-Code meines TinyMCE init, die die Option für Schriftart und -größe enthält ...

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 
});