Как добавить панель размера шрифта в tinyMCE?

таким образом, я инициализирую tinyMCE в текстовое поле. шрифт, полужирный курсив работает, но размер шрифта не работает.

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

Ответы

Ответ 1

Все, что вам нужно сделать, это добавить fontsizeselect в свой конфигурационный параметр панели инструментов:

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

Update:

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

Ответ 2

Меня действительно раздражает то, как Wordpress пытается заставить людей хотеть копаться на заднем плане и играть с кодами, даже для якобы основных функций, таких как изменение шрифтов.

К счастью, я нашел способ включить меню размера шрифта без реального кодирования.

Просто -

  • Используйте плагин 'TinyMCE Advanced'
  • Активируйте его в настройках.

Более подробные инструкции здесь.

Ответ 3

Это может быть полезно для перспективы. Ниже приведен мой JS-код TinyMCE, который включает в себя опцию для типа и размера шрифта...

    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

      **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** |