TinyMCE 4 如何更改字体大小样式？答案

【问题标题】：TinyMCE 4 How change font-size styles?TinyMCE 4 如何更改字体大小样式？
【发布时间】：2013-12-09 15:09:27
【问题描述】：

我想为文本添加更改字体样式；

为此，我使用这个脚本：

tinymce.init({
    selector: selector_id,
    theme: "modern",
    theme_modern_font_sizes: ["6px,7px,8px,9px,10px,11px,12px,13px,14px,15px,16px,17px,18px,19px,20px,21px,22px,23px,24px,25px,26px,27px,28px,29px,30px,31px,32px,36px,38px,40px"],
    font_size_style_values: ["6px,7px,8px,9px,10px,11px,12px,13px,14px,15px,16px,17px,18px,19px,20px,21px,22px,23px,24px,25px,26px,27px,28px,29px,30px,31px,32px,36px,38px,40px"],
/*  width: 300,
    height: 300, */
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality template paste textcolor"
   ],
   content_css: "./style.css",
   toolbar: "insertfile undo redo | fontsizeselect | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor", 
   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'}
    ],
   file_browser_callback : elFinderBrowser ,
   spellchecker_languages : '+Русский=ru,English=en'
 });

但在我的 font-size(6px,7px,8px,9px an other) 我看到 8pt,10px,12pt 和其他。

请告诉我为什么我在 select 中看不到我的字体大小以及如何使它正确？

【问题讨论】：

标签： tinymce font-size tinymce-4

【解决方案1】：

您的设置接缝适用于 tinymce 3.x。算了，升级到 4.x 并使用如下：

    tinymce.init({
         fontsize_formats: "8pt 9pt 10pt 11pt 12pt 26pt 36pt",
         theme: 'modern',

然后在工具栏中：

    toolbar: "undo redo pastetext | styleselect | fontselect | fontsizeselect"

【讨论】：

【解决方案2】：

如何在 wordpress 和 tiny mce 中更改字体大小，无需编码...只需 -

1.使用插件'TinyMCE Advanced'

在设置中激活它。

更详细的说明here。

【讨论】：

【解决方案3】：

适用于版本 4.1.9

您需要编辑您的活动主题functions.php：

// Customize mce editor font sizes
if ( ! function_exists( 'wpex_mce_text_sizes' ) ) {
    function wpex_mce_text_sizes( $initArray ){
        $initArray['fontsize_formats'] = "9px 10px 12px 13px 14px 16px 18px 21px 24px 28px 32px 36px";
        return $initArray;
    }
}
add_filter( 'tiny_mce_before_init', 'wpex_mce_text_sizes' );

参考：http://www.wpexplorer.com/wordpress-tinymce-tweaks/

【讨论】：