Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
WordPress function to add the TinyMCE WYSIWYG editor to any custom field of type 'Textarea'
// important: note the priority of 99, the js needs to be placed after tinymce loads
// important: note that this assumes you're using
// to create the textarea - otherwise change your selector
function admin_add_wysiwyg_custom_field_textarea()
{ ?>
<script type="text/javascript">/* <![CDATA[ */
var i=1;
$('.verve_meta_box_content textarea').each(function(e)
var id = $(this).attr('id');
if (!id)
id = 'customEditor-' + i++;
tinyMCE.execCommand('mceAddControl', false, id);
/* ]]> */</script>
<?php }
add_action( 'admin_print_footer_scripts', 'admin_add_wysiwyg_custom_field_textarea', 99 );
Copy link

pragmatic-web commented Feb 22, 2012

This function was adapted by a contact of mine from a script he found online. Thought it was worth posting here, let me know if you consider it your copyright and want me to remove it.

Copy link

toitoit commented Oct 6, 2015

Very useful, thanks! I had to add an extra line to get this to work:

tinyMCE.execCommand("mceAddEditor", false, id);
tinyMCE.execCommand("mceAddControl", false, id);

Copy link

nasermirzaei89 commented May 3, 2017

Copy link

amoreau2002 commented Feb 13, 2018

You just save me contless hours of work !
Huge thanks man !

Copy link

blachawk commented Apr 9, 2018

where do we place this code?

Copy link

theo-69 commented Nov 15, 2018

same question, does this go into function?

Copy link

Timoti commented May 22, 2019

this is really great - unfortunately the one thing my custom field really needs on the toolbar isn't there - unordered list formatting.
Any idea on how i might tailor the tool set?
PS yes - I needed tinyMCE.execCommand("mceAddEditor", false, id); in there so thanks @toitoit

Copy link

segunolamidegitup commented Jul 26, 2019

Copy link

segunolamidegitup commented Jul 26, 2019

for new visitors:

You me stress


Copy link

japjitravels commented May 5, 2020

when i use wp_editor in my widget / plugin it shows rich text but save button shows already saved and cant click

below code i use
` $content = 'Hello World!';
$editor_id = $this->get_field_id('text');

$settings = array(
    'media_buttons' => false,
    'textarea_rows' => 5,
    'teeny'         => true,
	'textarea_name' => $this->get_field_name('text'),

wp_editor( $content, $editor_id, $settings );`

anybody can help ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment