Пользовательские форматы стиля TinyMCE отключены


Я создал стиль TinyMCE dropdown для редактора WordPress TinyMCE.

Форматы отображаются в редакторе, как и ожидалось, но когда раскрывающийся список расширяется для выбора стиля, они отображаются как отключенные - есть ли для этого какая-либо причина? Мой код прилагается ниже.

Drop down options showing grey & disabled

function new_mce_button($buttons) {

    array_unshift($buttons, 'styleselect');
    return $buttons;

}
add_filter('mce_buttons_2', 'new_mce_button');

/**
 * Callback function to filter the MCE settings
 */
function custom_formats( $init_array ) {  

    $style_formats = array(
        array(
            'title' => 'White Button',
            'selector' => 'a',
            'classes' => 'cta wht',
        ),
        array(
            'title' => 'Grey Button',
            'selector' => 'a',
            'classes' => 'cta gry'
        ),
        array(
            'title' => 'Light Blue Button',
            'selector' => 'a',
            'classes' => 'cta lblue'
        ),
        array(
            'title' => 'Dark Blue Button',
            'selector' => 'a',
            'classes' => 'cta dblue'
        ),
    );  

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

    return $init_array;  

} 
add_filter( 'tiny_mce_before_init', 'custom_formats' );
Author: AddWeb Solution Pvt Ltd, 2015-08-04

1 answers

Как указал @karun, сначала текст нужно было превратить в гиперссылку, после чего форматы стали активными.

Изменение значений массива на

array(
  'title' => 'Grey Button',
  'block' => 'div',
  'classes' => 'cta gry'
),

Сделал стиль постоянно доступным.

 1
Author: estin92, 2015-08-04 13:41:11