Question

我似乎无法弄清楚如何在WordPress中获得WYSIWYG编辑器，以允许向无序列表中的单个列表项标签添加内联样式。

我将以下内容添加到functions.php文件中，以在WYSIWYG工具栏中获得“格式”下拉菜单，并可以选择在列表中选择“从单个列表项隐藏项目符号”，并使其采用内联样式。 / p>

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>

有什么建议吗？还是根本没有办法做到这一点？

在WordPress所见即所得编辑器中将内联样式添加到<li>

0 个答案: