it-swarm.com.de

Posten Sie benutzerdefinierte Metabox-Textbereiche mit wp_editor

Ich bin ein Neuling und möchte den wp_editor zu einem benutzerdefinierten Metabox-Textfeld hinzufügen. Ich habe anscheinend überall nach einem vollständigen Beispiel für das Schreiben einer Metabox mit einem Textbereich gesucht, der den wp_editor verwendet. Ich suche ein vollständiges Beispiel von Anfang bis Ende.

Ich möchte kein Plugin verwenden.

Hat jemand einen Link zu einem vollständigen Beispiel?

Vielen Dank

7
Travis Pflanz

Es gibt mindestens 1 Problem mit der Verwendung von wp_editor in einer Meta-Box, wie in ticket # 19173 (Lesen Sie das Thema wp_editor und Meta-Boxen) beschrieben. TinyMCE bringt alles durcheinander, wenn Sie die Meta-Box verschieben, in der es sich befindet (insbesondere, wenn der Speicherort von TinyMCE im DOM geändert wird). Sie können jedoch die Quicktags-Version (nicht tinyMCE) verwenden. Eine andere Alternative besteht darin, die Box nicht zu verschieben (lahm) oder Ihre Editoren mithilfe der Hooks edit_page_form oder edit_form_advanced hinzuzufügen, anstatt add_meta_box() zu verwenden.

Ich habe ein schnelles Plugin geschrieben, um das Problem zu demonstrieren. Es ist jedoch ein voll funktionsfähiges Beispiel für die Verwendung von wp_editor in einer Meta-Box. Sie können wp_editor so konfigurieren, dass es meta-box-freundlicher wird, indem Sie TinyMCE deaktivieren und Quicktags mit den entsprechenden Argumenten aktivieren.

<?php
/**
 * Plugin Name: WP Editor in a Meta Box
 * Plugin URI: 
 * Description: Demonstration of WP Editor in a meta box.
 * Version: 1.0
 * Author: goto10
 * Author URI: 
 * License: 
 */

// file name: wp_editor-in-meta-box-test.php 

/* Meta box code based on http://codex.wordpress.org/Function_Reference/add_meta_box */

/* Define the custom box */
add_action( 'add_meta_boxes', 'myplugin_add_custom_box' );

/* Do something with the data entered */
add_action( 'save_post', 'myplugin_save_postdata' );

/* Adds a box to the main column on the Post and Page edit screens */
function myplugin_add_custom_box() {
  add_meta_box( 'wp_editor_test_1_box', 'WP Editor Test #1 Box', 'wp_editor_meta_box' );
}

/* Prints the box content */
function wp_editor_meta_box( $post ) {

  // Use nonce for verification
  wp_nonce_field( plugin_basename( __FILE__ ), 'myplugin_noncename' );

  $field_value = get_post_meta( $post->ID, '_wp_editor_test_1', false );
  wp_editor( $field_value[0], '_wp_editor_test_1' );
}

/* When the post is saved, saves our custom data */
function myplugin_save_postdata( $post_id ) {

  // verify if this is an auto save routine. 
  // If it is our form has not been submitted, so we dont want to do anything
  if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 
      return;

  // verify this came from the our screen and with proper authorization,
  // because save_post can be triggered at other times
  if ( ( isset ( $_POST['myplugin_noncename'] ) ) && ( ! wp_verify_nonce( $_POST['myplugin_noncename'], plugin_basename( __FILE__ ) ) ) )
      return;

  // Check permissions
  if ( ( isset ( $_POST['post_type'] ) ) && ( 'page' == $_POST['post_type'] )  ) {
    if ( ! current_user_can( 'edit_page', $post_id ) ) {
      return;
    }    
  }
  else {
    if ( ! current_user_can( 'edit_post', $post_id ) ) {
      return;
    }
  }

  // OK, we're authenticated: we need to find and save the data
  if ( isset ( $_POST['_wp_editor_test_1'] ) ) {
    update_post_meta( $post_id, '_wp_editor_test_1', $_POST['_wp_editor_test_1'] );
  }

}

Bearbeiten: In dieser Version der Funktion wp_editor_meta_box () aus dem obigen Beispiel ist TMCE deaktiviert und Quicktags aktiviert:

/* Prints the box content */
function wp_editor_meta_box( $post ) {

  // Use nonce for verification
  wp_nonce_field( plugin_basename( __FILE__ ), 'myplugin_noncename' );

  $field_value = get_post_meta( $post->ID, '_wp_editor_test_1', false );

  // Settings that we'll pass to wp_editor
  $args = array (
        'tinymce' => false,
        'quicktags' => true,
  );
  wp_editor( $field_value[0], '_wp_editor_test_1', $args );
}
11
Dave Romsey

Suchen Sie nach einem Code-Beispiel von Grund auf oder möchten Sie ein benutzerdefiniertes Metabox-Plugin integrieren, das einen WYSIWYG-Editor in einer Metabox unterstützt? Wenn dies der Fall ist, kann ich vorschlagen, https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-WordPress

0
JohnG