web-dev-qa-db-ja.com

Wp_editorを使用してカスタムメタボックステキストエリアを投稿する

私は初心者で、wp_editorをカスタムメタボックステキストエリアフィールドに追加しようとしています。私は、wp_editorを使用するテキストエリアを持つメタボックスを作成するための完全な例を、いたるところで見かけました。私は完全な始めから終わりまでの例を探しています。

私はプラグインを使いたくありません。

完全な例へのリンクがありますか?

ありがとう

7
Travis Pflanz

チケット#19173 で議論されているように、メタボックスでwp_editorを使用することには少なくとも1つの問題があります(wp_editorとメタボックスの主題に関してはお読みください)。 TinyMCEが含まれているメタボックスを移動すると(特に、TinyMCEのDOM内の場所が変更されると)、TinyMCEはすべてめちゃくちゃになります。ただし、Quicktagsバージョン(tinyMCE以外)を使用することはできます。もう1つの方法は、add_meta_box()を使用する代わりにedit_page_formフックまたはedit_form_advancedフックを使用してボックスを移動しない(lame)かエディタを追加しないことです。

私はこの問題を説明するための簡単なプラグインを書きました。ただし、メタボックスでwp_editorを使用した完全に有効な例です。 TinyMCEを無効にし、 適切な引数 を使用してクイックタグを有効にすることで、wp_editorをよりメタボックスに優しくするように設定できます。

<?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'] );
  }

}

編集:上の例のwp_editor_meta_box()関数のこのバージョンでは、TMCEが無効になり、Quicktagsが有効になります。

/* 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

あなたは最初からコード例を探していますか、それともメタボックスにWYSIWYGエディタをサポートするカスタムメタボックスプラグインを統合することを考えますか?後者の場合、私はお勧めかもしれません https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-WordPress

0
JohnG