wordpress - tinymce 编辑器中的自定义 UL 样式

Question

我想在 tinyMCE 编辑器中更改 UL 列表的结构：

<ul>
   <li>item 1</li>
   <li>item 2</li>
</ul>

至：

<ul>
   <li><i class="icon"></i> item 1</li>
   <li><i class="icon"></i> item 2</li>
</ul>

我正在使用 Wordpress，想知道这是否可以使用样式格式来完成 -> http://codex.wordpress.org/TinyMCE_Custom_Styles

我努力了：

function custom_mce_before_init_insert_formats($init_array) {
    $style_formats = array(
        array(
            'title' => 'arrow',
            'inline' => 'i',
            'classes' => 'icon',
            'wrapper' => false
        )
    );  
    $init_array['style_formats'] = json_encode($style_formats);

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

但这会生成不适当的代码：

<ul>
   <li><i class="icon">item 1</i></li>
   <li><i class="icon">item 2</i></li>
</ul>

任何解决方案都会非常有帮助。

谢谢你。

Answer 1

您是否检查了您的valid_elements设置以确保 tinymce 接受空 i-tags？如果-i配置中有类似的东西，i-tags 将被删除。