如何将自定义皮肤应用到WP_Editor/TinyMCE?

时间:2017-08-20 作者:Swen

我正在尝试将皮肤应用于定制wp_editor(), 但它似乎并不适用于我所做的任何事情。

皮肤是根据上的说明从TinyMCE-LESS文件生成的https://www.tinymce.com/docs/advanced/creating-a-skin/

在我的主题文件夹中,我有一个名为/css/tinymce 包含以下文件:

内容。内联。最小值小于

内容。最小值小于

皮肤。最小值小于

这就是我调用wp\\u编辑器的方式skin_url 设置为TinyMCE,但它似乎不适用于皮肤。

$settings = array(
    \'media_buttons\' => false,
    \'textarea_rows\' => 1,
    \'quicktags\' => false,

    \'tinymce\' => array(
        \'toolbar1\' => \'bold,italic,undo,redo\',
        \'statusbar\' => false,

        \'resize\' => \'both\',

        \'paste_as_text\' => true,

        \'skin_url\' => get_template_directory_uri() .\'/css/tinymce\'
    )
);

echo wp_editor(\'\', \'custom_editor, $settings);

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

显然,默认的WordPress样式文件会覆盖自定义的TinyMCE外观。所以你需要做的是注销WordPress的TinyMCE皮肤。

由于我需要定制皮肤只适用于我网站的前端,我将其包装在!is_admin() 有条件的

function remove_editor_buttons_style() {

    // If not on wp-admin
    if ( !is_admin() ) {
        wp_deregister_style( \'editor-buttons\' );
    }

} add_action( \'wp_enqueue_scripts\', \'remove_editor_buttons_style\' );

结束

相关推荐

将按钮添加到TinyMCE自定义菜单

我在TinyMCE可视化编辑器中添加了一个带有菜单的新按钮,使用它非常有用tutorial 但现在想添加更多的项目,这取决于我的主题中是否有各种帖子类型。我认为我使用addMenuItem和“context”的方法是正确的,但我不知道如何按正确的顺序设置它。我的插件代码:add_action(\'admin_head\', \'nto_add_shortcode_button\'); function nto_add_shortcode_button() { global