Wordpress可视化编辑器中的自定义样式不会将类应用于链接元素

Question

所以我为可视化编辑器设置了一个自定义样式，如下所示：

// Registers an editor stylesheet for the theme.
function wpdocs_theme_add_editor_styles() {
    add_editor_style( 'editor-styles.css' );
}
add_action( 'admin_init', 'wpdocs_theme_add_editor_styles' );

// 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' => 'Button',
            'classes' => 'button',
            'wrapper' => true,
        ),
    );
    // 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' );

问题＃1为什么这种风格没有将“按钮”类添加到链接'a'元素？它与“inline =>'span'”参数一起工作正常，但是将类直接应用于link元素更加干净。我不想用span类乱丢我的代码。

问题＃2当我选择“mce_buttons_1”而不是“mce_buttons_2”时，下拉列表没有显示在第一个tinymce行中。由于原生下拉，我不能选择第一行吗？

问题＃3实际上我希望将自定义样式添加到本机下拉列表中。那可能吗？我找不到任何有关如何做到这一点的资源。

谢谢！ /叶普

Answer 1

我找到了一种方法，你应该首先将自定义样式应用于简单文本，然后添加链接btn的链接，编辑器将保留你的类。