Question

很高兴听到Sony（wordpress3.3）拥有新的编辑器api wp_editor()，使我们能够轻松地在自定义字段中使用编辑器的多个实例。

但我需要自定义默认编辑器（对于主要内容），并且无法弄清楚如何使用此功能执行此操作。我需要为我的新自定义帖子类型 baner 自定义编辑器，我需要用更少的按钮来更改编辑器的大小。我知道我可以通过简单地使用自定义字段来实现它，但出于某种原因，我想使用内容来描述横幅。

先谢谢你。

Answer 1

我一直在寻找将自定义元数据放在默认编辑器上方的解决方案，我找到了解决旧问题的解决方案（如何使用wp_editor自定义默认编辑器）！

解决方案是先取消默认编辑器。然后创建另一个元框来放置内容然后使用wp_editor创建新的新实例，简单不是吗？

add_action( 'add_meta_boxes', 'page_meta_boxes' );
public function page_meta_boxes()
{

    global $_wp_post_type_features;
            //ive defined my other metaboxes first with higher priority
    add_meta_box(
        $id     =   'page_heading_meta_box',
        $title  =   __('Heading'),
        $callback   = array(&$this,'render_page_heading_metabox'),
        $post_type  =   'page',
        $context    =   'normal',
        $priority   =   'core'
        );
    add_meta_box(
        $id     =   'page_description_meta_box',
        $title  =   __('Description'),
        $callback   = array(&$this,'render_page_description_metabox'),
        $post_type  =   'page',
        $context    =   'normal',
        $priority   =   'core'
        );
    //check for the required post type page or post or <custom post type(here article)  
    if (isset($_wp_post_type_features['article']['editor']) && $_wp_post_type_features['post']['editor']) {
        unset($_wp_post_type_features['article']['editor']);
        add_meta_box(
            'wsp_content',
            __('Content'),
            array(&$this,'content_editor_meta_box'),
            'article', 'normal', 'core'
        );
    }
    if (isset($_wp_post_type_features['page']['editor']) && $_wp_post_type_features['page']['editor']) {
        unset($_wp_post_type_features['page']['editor']);
        add_meta_box(
            'wsp_content',
            __('Content'),
            array(&$this,'content_editor_meta_box'),
            'page', 'normal', 'low'
        );
    }
    }

通过这种方式，我们注册了一个名为content的新元数据盒。现在是时候放置编辑器了

        function content_editor_meta_box($post)
    {
        $settings = array(
            #media_buttons
            #(boolean) (optional) Whether to display media insert/upload buttons
            #Default: true
            'media_buttons' => true,

            #textarea_name
            #(string) (optional) The name assigned to the generated textarea and passed parameter when the form is submitted. (may include [] to pass data as array)
            #Default: $editor_id
            'textarea_name'=>'content',

            #textarea_rows
            #(integer) (optional) The number of rows to display for the textarea
            #Default: get_option('default_post_edit_rows', 10)

            #tabindex
            #(integer) (optional) The tabindex value used for the form field
            #Default: None
            'tabindex' => '4'

            #editor_css
            #(string) (optional) Additional CSS styling applied for both visual and HTML editors buttons, needs to #include <style> tags, can use "scoped"
            #Default: None

            #editor_class
            #(string) (optional) Any extra CSS Classes to append to the Editor textarea
            #Default:

            #teeny
            #(boolean) (optional) Whether to output the minimal editor configuration used in PressThis
            #Default: false

            #dfw
            #(boolean) (optional) Whether to replace the default fullscreen editor with DFW (needs specific DOM elements #and css)
            #Default: false

            #tinymce
            #(array) (optional) Load TinyMCE, can be used to pass settings directly to TinyMCE using an array()
            #Default: true

            #quicktags
            #(array) (optional) Load Quicktags, can be used to pass settings directly to Quicktags using an array()
            #Default: true
        );
        wp_editor($post->post_content,'content');

    }

现在您可以完全自定义您的编辑器！这就是它现在的样子。希望它对你也有用！ enter image description here

Answer 2

您可以使用过滤器自定义编辑器（TinyMCE），如图here所示。附加的代码段：

function myformatTinyMCE($in)
{
 $in['plugins']='inlinepopups,tabfocus,paste,media,fullscreen,wordpress,wpeditimage,wpgallery,wplink,wpdialogs,wpfullscreen';
 $in['wpautop']=true;
 $in['apply_source_formatting']=false;
 $in['theme_advanced_buttons1']='formatselect,forecolor,|,bold,italic,underline,|,bullist,numlist,blockquote,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink,|,wp_fullscreen,wp_adv';
 $in['theme_advanced_buttons2']='pastetext,pasteword,removeformat,|,charmap,|,outdent,indent,|,undo,redo';
 $in['theme_advanced_buttons3']='';
 $in['theme_advanced_buttons4']='';
 return $in;
}
add_filter('tiny_mce_before_init', 'myformatTinyMCE' );

此代码应放在主题的functions.php文件中。您可能希望print_r( $in )查看所有传递的密钥（我在这里省略了一些密钥，因为我不相信我链接到上面的页面是最新的）。您可以浏览最新的来源here。您可以在功能public static function editor_settings($editor_id, $set)

中找到您要查找的过滤器

此外，您可能还希望确保只有baner post_type才会出现这种情况，因为这会影响所有已创建的编辑器实例。

Answer 3

您可以试试这个Editor，您可以添加其他字段，也可以使用和安装

如何自定义默认的wordpress编辑器？

3 个答案: