Jun
19
2013
Snippets //

Add TinyMCE Editor Anywhere

Author A snippet by admin    Comments 3 Comments

I had a difficult time finding a way that actually worked to add the TinyMCE editor used in the wp-admin area to textareas for my custom wordpress plugins, but after MUCH yelling, imaginary hair pulling, and some clever miracles, this is how you can add the tinymce editor to any textarea within wordpress (cheering!)

add_filter( 'wp_head','add_tinymce_editor' );
function add_tinymce_editor()
{
    wp_admin_css('thickbox');
    wp_enqueue_script('post');
    wp_enqueue_script('media-upload');
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-core');
    wp_enqueue_script('jquery-ui-tabs');
    wp_enqueue_script('tiny_mce');
    wp_enqueue_script('editor');
    wp_enqueue_script('editor-functions');
    add_thickbox();
}

After which you simply call the wp_editor instead of typing out a textarea, wherever you want it!

<?php wp_editor( $value_to_return, 'textareaname', array( 'textarea_name' => 'textareaname', 'teeny' => true ) ); ?>

3 Comments + Add Comment

  • celeste October 24, 2013 at 10:20 pm

    This is great, exactly what i need … I think.

    Can you explain to a non-coder where i put the snippets?

    Thank you!

    Reply
    • Bennett Stone October 24, 2013 at 10:34 pm

      Sure, you put the “tinymce hooks” section in your theme’s functions.php file, and the wp_editor part below that wherever you’d like the editor to show up

      Reply
  • Sylvain January 23, 2015 at 7:58 pm

    Very great tip !
    Thanks for sharing and my best regards to the imaginary hair !

    Reply

Leave a comment