jak dodać pasek narzędzi rozmiaru czcionki w tinyMCE?

Question

w ten sposób inicjalizuję tinyMCE do textarea. czcionka, pogrubiona kursywa działa, ale wybór rozmiaru czcionki nie działa.

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

Wszystko, co musisz zrobić, to dodać do paska narzędzi fontsizeselect config param:

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

Aktualizacja:

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

Jestem naprawdę zły, jak wydaje wordpress starać się, aby ludzie chcieli zagłębiać się w tle i bawić się kodami, nawet w przypadku rzekomo podstawowych funkcji, takich jak chan Czcionki ging.

Na szczęście znalazłem sposób na włączenie menu rozmiaru czcionki bez wykonywania żadnego realnego kodowania.

Just -

1. Użyj wtyczki 'TinyMCE zaawansowane'
2. go aktywować w ustawieniach.

More detailed instructions here.

Answer 4

Może to być przydatne w perspektywie. Poniżej jest moje TinyMCE startowych kod JS, który zawiera opcję typu czcionki i wielkości ...

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