wordpress - 两种格式参数 TinyMCE WordPress

Question

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

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

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

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;

}