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“code”写入按钮。但它不起作用。我做错了什么？

Answer 1

如果您有权将设置添加到TinyMCE配置（我不确定您是否基于之前的评论），那么您可以添加以下内容。

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

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

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

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

返回它

Answer 2

我编写了一个完全相同的插件，即它提供了一个名为“codeElement”的按钮，用户可以使用该按钮将文本包装在代码元素或标记中。

Answer 3

只是偶然发现http://wordpress.org/plugins/tinymce-code-element/ WordPress插件，它完成了这项任务。

将“code”按钮添加到wordpress tinyMCE

3 个答案: