自定义样式格式颜色未在格式选择器中显示

Question

选择格式时，编辑器颜色中的单词会发生变化。功能正常。显示所有选择器并将其应用于所选选择。

但是选择器的颜色也需要根据设置的颜色而有所不同。它以tinymce为例显示。 http://www.tinymce.com/tryit/custom_formats.php此处选择器为红色。

我使用的代码是：

$color = array(
        'title' => "Light Grey",
        'inline' => 'span',
      'styles' => array('color'=>'#232323'),
      'wrapper' => false,
        );

它只显示选择器中的所有黑色。但它在编辑器的文本中工作得很好。选择格式后，颜色会发生变化。

包装代码如下：

    function atg_mce_buttons_2( $buttons ) 
  {
    array_unshift( $buttons, 'styleselect' );
    array_unshift( $buttons, 'fontsizeselect' );
    return $buttons;
  }

  function atg_mce_before_init( $settings ) 
  {


    $style_formats = array(

      array(
        'title' => 'Content Heading',
        'block' => 'h2',
        'classes' => 'h2'
        ),
      array(
        'title' => 'Content Sub Heading',
        'block' => 'h5',
        'classes' => 'h5'
        ),
      array(
        'title' => 'Paragraph',
        'block' => 'p'
        ),
      array(
            'title' => 'Red Uppercase Text',
            'inline' => 'span',
            'styles' => array(
                'color'         => 'red', // or hex value #ff0000
                'fontWeight'    => 'bold',
                'textTransform' => 'uppercase'
            )
        )

      );
    $settings['style_formats'] = json_encode( $style_formats );

        return $settings;
      }
    add_filter( 'tiny_mce_before_init',  array(&$this,'atg_mce_before_init' ));
    add_filter( 'mce_buttons_2',  array(&$this,'atg_mce_buttons_2' ));