wordpress - 将 "code"按钮添加到 wordpress tinyMCE

Question

我一直在关注本教程，很多人喜欢它: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');

我只想将“代码”按钮添加到富文本编辑器。它已经在 HTML 编辑器端。从教程提到它的方式来看，似乎我可以将 array_push “代码”写入按钮。但它不起作用。我做错了什么？

Answer 1

如果您有权向 TinyMCE 配置添加设置(根据您之前的评论，我不确定您是否这样做)，那么您可以添加以下内容。

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

这样做的目的是在“样式”下拉列表中添加一个“代码”项目，它将选定的文本包装在代码标签中。

如果您无法进入配置以添加它，那么您可能需要开发一个以编程方式注册该格式的 TinyMCE 插件。顺便说一句，您引用的 WordPress 文章中指向如何开发 TinyMCE 插件的链接不再正确。查看How-to article相反。

最后，如果所有其他方法都失败了，您可以开发一个插件，将所选文本 ( ed.selection.getContent() ) 包装在代码中并使用 ed.selection.setContent() 返回它