Пользовательские стили UL в редакторе TinyMCE

Question

Я хочу, чтобы изменить структуру списка UL в редакторе TinyMCE из:

<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'); 

, но это будет генерировать не propriate код:

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

Любое решение будет очень полезно.

Спасибо.

Answer 1

Вы проверили свой valid_elements, чтобы убедиться, что tinymce принимает пустые i-метки? Если что-то вроде -i в конфигурационных i-тегах будет удалено.