编写可视化编辑器更容易,因此内容编辑器可以突出显示帖子内容的一部分,而不是试图向编辑屏幕添加大量额外的内容块。
这是我使用的,我想我从很久以前的抄本中获得的基本信息。
// Callback function to insert \'styleselect\' into the $buttons array
function wpse241267_mce_buttons_2( $buttons ) {
array_unshift( $buttons, \'styleselect\' );
return $buttons;
}
add_filter(\'mce_buttons_2\', \'wpse241267_mce_buttons_2\');
这只会启用第二行视觉编辑器按钮左端的样式下拉菜单。
现在来看看肉:
function wpse241267_mce_insert_formats( $init_array ) {
$style_formats = array(
// Each array child is a format with its own settings
array(
\'title\' => \'Find Us Block\',
\'block\' => \'div\',
\'classes\' => \'find-us\',
\'wrapper\' => true,
\'exact\' => true,
),
);
// Insert the array, JSON ENCODED, into \'style_formats\'
$init_array[\'style_formats\'] = json_encode( $style_formats );
return $init_array;
}
add_filter( \'tiny_mce_before_init\', \'wpse241267_mce_insert_formats\' );
如果需要,您可以使用ID而不是类,但我认为没有任何东西可以阻止用户在页面中添加多个ID。
然后,在可视化编辑器中,可以高亮显示某些内容,应用下拉列表中的此样式,高亮显示的内容将被div
和全班同学一起find-us
.
这个exact
参数阻止编辑器合并多个相邻块。根据您的情况,您可能希望删除此项。