Add “code” button to wordpress tinyMCE

问题:

I've been following this tutorial, and many like it: http://codex.wordpress.org/TinyMCE_Custom_Buttons

function myplugin_addbuttons() {
   // Don't bother doing this stuff if the current user lacks permissions
   if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') )
     return;

   // Add only in Rich Editor mode
   if ( get_user_option('rich_editing') == 'true') {
     add_filter('mce_buttons', 'register_myplugin_button');
   }
}

//Should add 'code' to the tinyMce buttons on the rich editor.
function register_myplugin_button($buttons) {
   array_push($buttons, "code");
   return $buttons;
}


// init process for button control
add_action('init', 'myplugin_addbuttons');

All I want to do is add the "code" button to the rich text editor. It's already in the HTML editor side. From the way the tutorial mentions it, it seems as though I could just write in array_push "code" into buttons. But it doesn't work. What am I doing wrong?

回答1:

If you have access to add settings to the TinyMCE config (which I'm not sure you do based on your previous comments) then you could add the following.

style_formats : [{title : 'Code', inline : 'code'}]

What this will do is add a "code" item in the Style drop down that will wrap the selected text in the code tags.

If you can't get to the config to add this, then you may need to develop a TinyMCE plugin that registers that format programmatically. BTW, the link to how to develop a TinyMCE plugin on the WordPress article you reference is no longer right. Check out the How-to article instead.

Finally, if all else fails, you could develop a plugin that wraps the selected text (ed.selection.getContent()) in the code and returns it using ed.selection.setContent()

回答2:

I've written a plugin that does exactly that, i.e. it provides a button named 'codeElement' which users can use to wrap text in a code element or tag.

• TinyMCE Plugin page on Sourceforge
• direct download

回答3:

Just stumbled over the http://wordpress.org/plugins/tinymce-code-element/ WordPress plugin, which does the job.