这有点像是两个部分。前半部分将向您展示如何在编辑时更改TinyMCE中的样式。下半部分将向您展示如何从工具栏中删除内容。
Style TinyMCE WordPress为我们提供了一个简洁的小函数,名为add_editor_style()
它通过URL或相对路径接受样式表数组。WordPress默认主题通常利用此功能,可以在最新的TwentySeventeen theme. 首先,让我们创建一个样式表。名字不重要,但位置重要。
body,
button,
input,
select,
textarea {
font-size: 14pt;
}
为了简单起见,我们将其称为
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\'] = "14pt 18pt 24pt 36pt";
return $args;
}
add_filter( \'tiny_mce_before_init\', \'prefix_tinymce_toolbar\' );
The
$args
数组有一个索引,该索引接受由空格分隔的字体大小列表。你可以把这些换成你想要的,
px
,
em
,
rem
没关系,只是列表用空格分隔,并且是有效的
font-size
价值