在 Wordpress 的 Tinymce 中为简码创建自定义下拉框 [英] Create Custom Dropdown Box in Tinymce in Wordpress for Shortcodes

问题描述

有谁知道如何在 tinymce 中为 Wordpress 创建自定义下拉框?我需要它至少与 wordpress 3.0 配合使用.

Does anyone know how to create a custom dropdown box in tinymce for Wordpress? I need it to work with at least wordpress 3.0.

我在互联网上搜索了有关此的教程，但找不到.网站教程的链接会很棒.

I have searched the internet for a tutorial on this and I cannot find one. A link to a website tutorial would be great.

提前致谢.

推荐答案

我知道这个问题很久以前就有人问过了，但是当我偶然发现同样的问题时，我想无论如何我都会回答这个问题.也许它可以帮助其他人.

I know this question was already asked some time ago, but as I stumbled across the same problem, I tought I'd answer this question anyways. Maybe it helps someone else.

下拉源中的评论-tinyMCE 中的控制被证明非常有用.

您只需要先创建一个下拉列表，使用createDropMenu()，然后您就可以调用add() 方法将项目添加到下拉列表中.

You just need to create a dropdown first, using createDropMenu(), then you can call the add() method to add items to the dropdown.

/**
 * 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.');
 * }});
 */

这篇关于在 Wordpress 的 Tinymce 中为简码创建自定义下拉框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！