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，想知道是否可以使用样式格式来完成 - ＆gt; 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-tag？如果配置中有-i之类的内容，则i-tag会被删除。

在tinymce编辑器中定制UL样式

1 个答案: