一个选项是向MCE中的Styleselect菜单添加一个类。改编自"TinyMCE Custom Styles" Codex page 首先需要将样式选择添加到编辑器中:
// Callback function to insert \'styleselect\' into the $buttons array
function my_mce_buttons_2( $buttons ) {
array_unshift( $buttons, \'styleselect\' );
return $buttons;
}
// Register our callback to the appropriate filter
add_filter(\'mce_buttons_2\', \'my_mce_buttons_2\');
这将向编辑器添加新的下拉列表。然后创建自定义样式:
// Callback function to filter the MCE settings
function my_mce_before_init_insert_formats( $init_array ) {
// Define the style_formats array
$style_formats = array(
// Each array child is a format with it\'s own settings
array(
\'title\' => \'My Link Custom Class\',
\'selector\' => \'a\',
\'classes\' => \'my-custom-link-class\'
)
);
// Insert the array, JSON ENCODED, into \'style_formats\'
$init_array[\'style_formats\'] = json_encode( $style_formats );
return $init_array;
}
// Attach callback to \'tiny_mce_before_init\'
add_filter( \'tiny_mce_before_init\', \'my_mce_before_init_insert_formats\' );
从WordPress 3.9(包括TinyMCE 4.0的升级)开始,样式选择功能更加强大,包括
selector
这意味着您可以定义只能应用于链接的样式。这很好。
此解决方案意味着您可以预先定义所需的类,并确保不会出现拼写错误或其他问题。
正如法典所指出的,这最好与良好的editor-style.css
file 这将直接在编辑器中应用样式。