在格式下拉列表中显示来自CSS的类

时间：2017-09-10 作者：Stefano Vet

是否可以在格式下拉列表中直接从css显示类？

我试过了，但没用

第一个创建格式按钮

function add_editor_buttons($buttons) {
    array_unshift($buttons, \'styleselect\');
    return $buttons;
}
add_filter(\'mce_buttons_2\', \'add_editor_buttons\');
第二个设置内容css和指向我的css的路径，并将dropdwon中类的append设置为TRUE

function my_format_TinyMCE( $in ) {
    $in[\'content_css\'] = get_template_directory_uri() . "/custom.css";
    $in[\'importcss_append\'] = TRUE;
    return $in;
}
add_filter( \'tiny_mce_before_init\', \'my_format_TinyMCE\' );
编辑器现在正确显示样式，但下拉列表不显示自定义中的类列表。css。

有什么想法吗？非常感谢！！！

1 个回复
SO网友:Milan Petrovic

数组值“content\\u css”不够，TinyMCE无法简单地从自定义中获取类。css文件。您需要在下拉列表中定义所需的样式列表：

function my_format_TinyMCE( $in ) {
    $in[\'content_css\'] = get_template_directory_uri() . "/custom.css";
    $in[\'importcss_append\'] = TRUE;
    $in[\'style_formats\'] = json_encode(array(
        array(\'title\' => \'Title for Style #1\', \'classes\' => \'example-class\'),
        array(\'title\' => \'Title for Style #2\', \'classes\' => \'example-class-two\'),
    ));
    return $in;
}
add_filter( \'tiny_mce_before_init\', \'my_format_TinyMCE\' );
有关“style\\u格式”中可以包含的内容的完整格式，请查看TinyMCE文档：Style Formats in TinyMCE. 确保它必须是JSON格式（这就是我使用JSON\\u encode函数的原因）。

结束
标签： css   tinymce   visual-editor   小码农  

相关推荐

WordPress不添加media.css文件

我认识到，该网站是没有回应和媒体。css文件不起作用，我用开发工具检查了标题中包含的样式，发现有min版本/css/media.min.css?ver=4.8.1, 但我包括媒体。css没有min，媒体会有什么问题。css不工作？这就是我如何包括我的脚本和样式function wpb_adding_scripts() { wp_deregister_script(\'jquery\'); wp_register_script(\'jquery\', get_tem