将字体大小添加到TinyMCE Advanced

问题描述 投票:0回答:1

我使用的是Wordpress 4.9.8和TinyMCE Advanced 4.8.0

如果我错过了某些东西,我似乎没有在任何地方找到答案,所以提前预测......

我想在编辑器的下拉菜单中添加额外的字体大小。我设法通过选择插件设置中的'字体大小'选项并将选项添加到'/wp-content/plugins/tinymce-advanced/tinymce-advanced.php'文件所需的大小,如下所示:

private $fontsize_formats = '8px 10px 12px 13px 14px 16px 20px 24px 28px 32px 36px';

这很好但是将默认字体大小更改为16px(应该是12px)

还有另一种方法吗?

谢谢

wordpress tinymce font-size
1个回答
0
投票

查看我之前在WordPress Stack Exchange上的回答。为了透明,我会把它移到这里。


这是一个2人组。上半部分将向您展示如何在编辑时更改TinyMCE内部的样式。下半部分将向您展示如何从工具栏中删除内容。

Style TinyMCE

WordPress为我们提供了一个简洁的小函数add_editor_style(),它接受一系列样式表,可以是URL或相对路径。 WordPress默认主题通常利用此功能,可以在最新的TwentySeventeen theme中看到。首先让我们创建一个样式表。名称无关紧要,但位置确实如此。

body,
button,
input,
select,
textarea {
    font-size: 16px;
}

为简单起见,我们称之为editor-style.css并将其保存在主题中:

/assets/css/editor-style.css

接下来我们需要告诉WordPress使用我们的样式表,所以我们将打开主题functions.php文件并添加:

/**
 * Theme setup functionality
 *
 * @return void
 */
function prefix_theme_setup() {

    // Relative path to the TinyMCE Stylesheet
    add_editor_style( array( 'assets/css/editor-style.css' ) );

}
add_action( 'after_setup_theme', 'iqt_theme_setup' );

如果一些插件实现了自己的TinyMCE,它们可能会干扰这一点,例如页面构建器。


Modify Toolbar

接下来,我们可以使用tiny_mce_before_init filter hook来修改TinyMCE。在这种情况下,如果覆盖字体大小,我们需要做的就是。您可以将以下函数添加到functions.php文件中:

/**
 * Add Formats to TinyMCE
 * - https://developer.wordpress.org/reference/hooks/tiny_mce_before_init/
 * - https://codex.wordpress.org/Plugin_API/Filter_Reference/tiny_mce_before_init
 *
 * @param array $args   - Arguments used to initialize the tinyMCE
 *
 * @return array $args  - Modified arguments
 */
function prefix_tinymce_toolbar( $args ) {

    $args['fontsize_formats'] = "8px 10px 12px 13px 14px 16px 20px 24px 28px 32px 36px";

    return $args;

}
add_filter( 'tiny_mce_before_init', 'prefix_tinymce_toolbar' );

$args数组有一个索引,它接受由空格分隔的字体大小列表。您可以将这些更改为您想要的任何内容,pxemrem无关紧要,只是列表由空格分隔并且是有效的font-size值。

© www.soinside.com 2019 - 2024. All rights reserved.