已禁用自定义TinyMCE样式格式

时间:2015-08-04 作者:estin92

我创建了一个TinyMCE 风格dropdown 对于TinyMCE WordPress编辑器。

这些格式在编辑器上按预期显示,但当下拉菜单展开以从样式中选择时,它们显示为已禁用-是否有任何原因?我的代码附在下面。

Drop down options showing grey & disabled

function new_mce_button($buttons) {

    array_unshift($buttons, \'styleselect\');
    return $buttons;

}
add_filter(\'mce_buttons_2\', \'new_mce_button\');

/**
 * Callback function to filter the MCE settings
 */
function custom_formats( $init_array ) {  

    $style_formats = array(
        array(
            \'title\' => \'White Button\',
            \'selector\' => \'a\',
            \'classes\' => \'cta wht\',
        ),
        array(
            \'title\' => \'Grey Button\',
            \'selector\' => \'a\',
            \'classes\' => \'cta gry\'
        ),
        array(
            \'title\' => \'Light Blue Button\',
            \'selector\' => \'a\',
            \'classes\' => \'cta lblue\'
        ),
        array(
            \'title\' => \'Dark Blue Button\',
            \'selector\' => \'a\',
            \'classes\' => \'cta dblue\'
        ),
    );  

    $init_array[\'style_formats\'] = json_encode( $style_formats );  

    return $init_array;  

} 
add_filter( \'tiny_mce_before_init\', \'custom_formats\' );

1 个回复
最合适的回答,由SO网友:estin92 整理而成

正如@karun所指出的,首先需要将文本制作成超链接,然后再激活格式。

将数组值更改为

array(
  \'title\' => \'Grey Button\',
  \'block\' => \'div\',
  \'classes\' => \'cta gry\'
),
使样式永久可用。

结束

相关推荐

如何获取WP编辑器tinyMCE实例

我的主要目标是在编辑器内容发生更改时获取编辑器内容,并更新实时预览。为此,我需要向编辑器添加一个事件侦听器。顺便说一句,我在同一个页面中有两个编辑器,该页面是通过ajax加载的。现在回到我的问题上来。我无法找到tinyMCE编辑器的实例。I can console.log() them but get empty result when I try to stringify them.以下是console.log(tinymce.editors).所以,每当我尝试使用tinymce.editors.con