WordPress snippet: add WYSIWYG buttons to any textarea custom field

I’m not claiming credit for this snippet – a collaborator who prefers to remain anonymous (how mysterious) adapted it from a snippet he (ooh, a clue) found online.

// important: note the priority of 99, the js needs to be placed after tinymce loads
// important: note that this assumes you're using http://wordpress.org/extend/plugins/verve-meta-boxes/
// 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 );
view raw gistfile1.txt hosted with ❤ by GitHub

Let me know if it works for you people 🙂

Get new blog posts by email!

  • Image credit
  • This field is for validation purposes and should be left unchanged.

Leave a Reply

Your email address will not be published. Required fields are marked *