我使用的是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 Stack Exchange上的回答。为了透明,我会把它移到这里。
这是一个2人组。上半部分将向您展示如何在编辑时更改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,它们可能会干扰这一点,例如页面构建器。
接下来,我们可以使用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
数组有一个索引,它接受由空格分隔的字体大小列表。您可以将这些更改为您想要的任何内容,px
,em
,rem
无关紧要,只是列表由空格分隔并且是有效的font-size
值。