Добавить встроенный стиль к <li>в редакторе WordPress WYSIWYG - PullRequest
Новая
       5

Добавить встроенный стиль к <li>в редакторе WordPress WYSIWYG

0 голосов
/ 28 ноября 2018

Я не могу понять, как получить редактор WYSIWYG в WordPress, позволяющий добавить встроенный стиль к одному тегу элемента списка в неупорядоченном списке.

Я добавил следующее к функциям.php файл, чтобы получить раскрывающийся список «Формат» на панели инструментов WYSIWYG и иметь возможность выбрать «Скрыть маркер из одного элемента списка» в списке и применить к нему встроенный стиль. 

function my_mce_buttons_2( $buttons ) {
array_unshift( $buttons, 'styleselect' );
return $buttons;
}
add_filter( 'mce_buttons_2', 'my_mce_buttons_2' );

function my_mce_before_init_insert_formats( $init_array ) {  
$style_formats = array(  
    array(  
        'title' => 'Hide bullet from single list item',
        'block' => 'inline',
        'classes' => 'hide-bullet',
        'wrapper' => true,
    )
);  
// Insert the array, JSON ENCODED, into 'style_formats'
$init_array['style_formats'] = json_encode( $style_formats );  

return $init_array;  
} 
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );

Когда явыберите содержимое одного элемента списка и примените стиль, он ничего не делает.

Я могу заставить его применять стиль ТОЛЬКО, если в массиве установлен блок span или div 

'block' => 'span',

'block' => 'div',

Но в этих случаях код в конечном итоге выглядит следующим образом и не позволяет мне создавать CSS-код, чтобы скрыть маркер. 

<li><span style="hide-bullet">tester</span></li>

<li><div style="hide-bullet">tester</div></li>

Есть предложения?Или просто нет способа сделать это?

...