Verwenden von TinyMce mit Textbereichen in Meta-Feldern für benutzerdefinierte Beitragstypen

Ich versuche, das Plugin http://www.tinymce.com/ zu verwenden, um meinen Textbereichen in meinen von mir erstellten Meta-Boxen ein Tinymce hinzuzufügen. Ich habe andere Wege gegoogelt und entweder kann ich es nicht zum Laufen bringen oder habe das Konzept nicht verstanden. SO ist es das, was ich jetzt versuche -

Ich habe versucht, ein Plugin zu erstellen, um das Skript zu meinem Admin-Dashboard hinzuzufügen.

add_action('admin_init', 'admin_load_scripts'); 
function admin_load_scripts() { 
    $js_file = plugins_url( '/tinymce/jquery.tinymce.min.js', __FILE__ );  
    wp_enqueue_script('jquery.tinymce.min', $js_file, array('jquery')); 
}

Dann muss ich es so nennen -

<script>
        tinymce.init({selector:'textarea'});
</script>

Aber ich bin mir nicht sicher, wie ich das machen soll, da dies für das Backend und nicht für das Frontend ist. Wie kann ich das erreichen?

AKTUALISIERT

Dies ist mein Code für die Meta-Boxen. http://pastebin.com/WcC51uA9

Ich habe die folgenden Methoden ausprobiert (natürlich in functions.php), und zum größten Teil haben sie entweder einfach nicht funktioniert oder wurden oben auf der Seite oder unten auf der Seite angezeigt. Sie tauchten überhaupt nicht im Textbereich auf. --- ---.

http://pastebin.com/Ct0mF6q7

http://pastebin.com/R6t0ij6h

http://pastebin.com/dcczcVby

http://pastebin.com/yt1uRS5U

Hier ist ein Pastebin mit Ihrem Code.

Holen Sie sich den alten Wert des tinyMCE

$meta_biography = get_post_meta( $post->ID, 'meta_biography', true );

Rufen Sie den TinyMCE-Editor auf

wp_editor( $meta_biography, 'biography', array(
    'wpautop'       => true,
    'media_buttons' => false,
    'textarea_name' => 'meta_biography',
    'textarea_rows' => 10,
    'teeny'         => true
) );

Speichern Sie den Editorwert oder löschen Sie alte Werte, wenn nichts vorhanden ist.

if( isset( $_POST['meta_biography'] ) && $_POST['meta_biography'] != '' ) {
    update_post_meta( $post_id, 'meta_biography', $_POST['meta_biography'] );
} else {
    delete_post_meta( $post_id, 'meta_biography' );
}

Wenn Sie dem Editor weitere Optionen hinzufügen möchten, können Sie den Codex anzeigen oder diesen schönen WPTuts-Artikel lesen . Sie möchten das verwenden tinymceund ihm eine Reihe von Einstellungen übergeben. Sie könnten das entfernen, teeny => truein dem wp_editor()seit der Codex sagt , dass es nur minimale Editor Konfiguration verwenden.

// for pages use 'edit_page_form' as the first parameter. And see my comment below.
add_action( 'edit_form_advanced', 'my_meta_editor' ); 

function my_meta_editor() {

    // set 'your_meta_key' to the actual key
    $content = get_post_meta($post->ID, 'your_meta_key', true);

    // only low case [a-z], no hyphens and underscores
    $editor = 'mymetaeditor';

    // See my comment below
    $editor_settings = array();

    wp_editor( $content, $editor, $editor_settings);

}

Suchen Administrative Aktionen für edit_form_after_title, edit_form_after_editor, edit_form_advancedwenn Sie den Speicherort der Meta - Box ändern mögen.

Siehe auch wp_editor für Editoreinstellungen .

Diese Funktion hat bei mir perfekt funktioniert. Fügen Sie einfach Ihre Datei functions.php hinzu und erstellen Sie Textfelder für Ihre benutzerdefinierten Felder. Fertig:

//add tinymce editor to custom fields
function admin_add_wysiwyg_custom_field_textarea()
{ ?>
<script type="text/javascript">/* <![CDATA[ */
    jQuery(function($){
        var i=1;
        $('textarea').each(function(e)
        {
          var id = $(this).attr('id');
          if (!id)
          {
           id = 'customEditor-' + i++;
           $(this).attr('id',id);
          }
          tinyMCE.execCommand("mceAddEditor", false, id);
          tinyMCE.execCommand('mceAddControl', false, id);
        });
    });
/* ]]> */</script>
<?php }
add_action( 'admin_print_footer_scripts', 'admin_add_wysiwyg_custom_field_textarea', 99 );

Von hier genommen .