在Wordpress的Tinymce中为短代码创建自定义下拉框
有人知道如何在tinymce for Wordpress中创建自定义下拉框吗? 我需要它至少与wordpress 3.0配合使用 我在互联网上搜索了一篇关于这方面的教程,但找不到。链接到一个网站教程将是伟大的在Wordpress的Tinymce中为短代码创建自定义下拉框,wordpress,tinymce,shortcode,Wordpress,Tinymce,Shortcode,有人知道如何在tinymce for Wordpress中创建自定义下拉框吗? 我需要它至少与wordpress 3.0配合使用 我在互联网上搜索了一篇关于这方面的教程,但找不到。链接到一个网站教程将是伟大的 提前谢谢。我知道这个问题很久以前就被问过了,但是当我偶然发现同样的问题时,我想我无论如何都会回答这个问题。也许这对其他人有帮助 tinyMCE中的评论真的很有帮助 您只需首先使用createDropMenu()创建一个下拉列表,然后可以调用add()方法将项目添加到下拉列表中 /** *
提前谢谢。我知道这个问题很久以前就被问过了,但是当我偶然发现同样的问题时,我想我无论如何都会回答这个问题。也许这对其他人有帮助 tinyMCE中的评论真的很有帮助 您只需首先使用
createDropMenu()
创建一个下拉列表,然后可以调用add()
方法将项目添加到下拉列表中
/**
* This class is used to create drop menus, a drop menu can be a
* context menu, or a menu for a list box or a menu bar.
*
* @class tinymce.ui.DropMenu
* @extends tinymce.ui.Menu
* @example
* // Adds a menu to the currently active editor instance
* var dm = tinyMCE.activeEditor.controlManager.createDropMenu('somemenu');
*
* // Add some menu items
* dm.add({title : 'Menu 1', onclick : function() {
* alert('Item 1 was clicked.');
* }});
*
* dm.add({title : 'Menu 2', onclick : function() {
* alert('Item 2 was clicked.');
* }});
*
* // Adds a submenu
* var sub1 = dm.addMenu({title : 'Menu 3'});
* sub1.add({title : 'Menu 1.1', onclick : function() {
* alert('Item 1.1 was clicked.');
* }});
*/
这增加了一个按钮,所以你只需要调整它来创建一个下拉框
// register button
function register_button($buttons) {
array_push($buttons, "btn");
return $buttons;
}
// add button
function add_button() {
if ( current_user_can('edit_posts') && current_user_can('edit_pages') )
{
add_filter('mce_external_plugins', 'add_plugin');
add_filter('mce_buttons', 'register_button');
}
}
// add plugin
function add_plugin($plugin_array) {
$plugin_array['btn'] =get_bloginfo('template_url').'/js/customcodes.js';
return $plugin_array;
}
然后,您需要将添加到js文件中
(function() {
tinymce.create('tinymce.plugins.btn', {
init : function(ed, url) {
ed.addButton('btn', {
title : 'Add a btn',
image : url+'/btn.png',
onclick : function() {
ed.selection.setContent('[btn]');
}
});
},
createControl : function(n, cm) {
return null;
},
});
tinymce.PluginManager.add('btn', tinymce.plugins.btn);
})();
这段代码似乎创建了DropMenu对象,但还没有添加它。将下拉列表添加到工具栏需要什么样的代码?