两个格式参数TinyMCE WordPress

Question

是否可以在TinyMCE for WordPress中为一个自定义样式添加两个格式参数（如'h3'和'span'）。我想创建一个如下所示的自定义样式标题：

 <h3 class="headerclass"><span>Headertitle</span></h3>

我在我的function.php中使用function中的数组，如下所示：

array(
        'title' => '--Hedaer--',
        'block' => 'h3',
        'classes' => 'headerclass',
    )

Answer 1

试试这个。可能有更好的方法来进行内联跨度，但我会将其添加为另外一种样式，以便从样式下拉列表中进行选择。

add_filter( 'mce_buttons_2', 'editor_styles' );

function editor_styles( $buttons ) {
    array_unshift( $buttons, 'styleselect' );
    return $buttons;
}

add_filter( 'tiny_mce_before_init', 'editorstyles_init' );

function editorstyles_init( $settings ) {

    $style_formats = array(

        array(
            'title' => 'Header',
            'block' => 'h3',
            'classes' => 'headerclass'
        ),
        array(
            'title' => 'Header inline',
            'inline' => 'span'
        ),
    );

    $settings['style_formats'] = json_encode( $style_formats );

    return $settings;

}