在Wordpress插件对话框窗口上排队脚本

我正在开发一个Wordpress插件，它需要在编辑器中添加一个按钮。点击按钮后，会打开一个对话框，其中包含一些表单域。用户可以填写数据，当他们“提交”时，它会在编辑器中创建一个简码。在Wordpress插件对话框窗口上排队脚本

我能够成功地将按钮添加到编辑器中，并且我已经触发了AJAX调用来加载对话框。下面是使这可能与JS的一个片段：

ed.windowManager.open(
    { 
     file : ajaxurl + '?action=my_dialog_window', 
     width : 480 + parseInt(ed.getLang('my_app.delta_width',0)), 
     height : 300 + parseInt(ed.getLang('my_appdelta_height',0)), 
     inline : 1 
    }, 
    { 
     plugin_url : url, 
     some_custom_arg : 'custom arg' 
    } 
)

在我的模块我打电话以下几点：

add_action('wp_ajax_my_dialog_window', 'my_dialog_window');

这一基本功能如下：

function my_dialog_window() 
{ 
    // Queue JavaScript 
    wp_enqueue_script("jquery"); 
    wp_enqueue_script("tiny_mce_popup",MY_WP_PLUGIN_URL."/js/tiny_mce_popup.js"); 
    wp_enqueue_script("my-dialog",MY_WP_PLUGIN_URL."/js/my-dialog.js"); 

    // Display Form 
    echo "<form id=\"myForm\" method=\"post\"> 
     <tr> 
      <td align=\"right\" class=\"gray dwl_gray\"><strong>Field:</strong></td> 
      <td valign=\"top\"><input name=\"answer1\" type=\"text\" id=\"answer1\" size=\"40\" /></td> 
     </tr> 
     ... 
    </table> 

    <div class=\"mceActionPanel\"> 
     <div class=\"fl\"><input type=\"button\" id=\"insert\" name=\"insert\" value=\"Insert\" onclick=\"MyInsertDialog.insert();\" /></div> 
     <div class=\"fr\"><input type=\"button\" id=\"cancel\" name=\"cancel\" value=\"Cancel\" onclick=\"tinyMCEPopup.close();\"/></div> 
    </div> 
    </form>"; 
}

所以，您单击编辑器中的按钮并加载对话框。我看到2个问题。

首先，未包含javascript。我可以切换到直接链接，但“最佳做法”是使用wp_enqueue_script，所以我真的试图容纳这一点。

二，在窗体的底部是文本：“0”。看起来它无法找到相同功能的回调函数。我并不需要回调函数，因为我只想使用my-dialog.js来创建简码并将其放入编辑器。

来源

2013-06-25 Dexter

用于文本：“0”。你必须把** die（）或退出**在你的函数结束** my_dialog_window ** – softsdev

为什么你不能做这样的

对于第一点

function my_dialog_scripts() { 
    wp_enqueue_script("jquery"); 
    wp_enqueue_script("tiny_mce_popup",MY_WP_PLUGIN_URL."/js/tiny_mce_popup.js"); 
    wp_enqueue_script("my-dialog",MY_WP_PLUGIN_URL."/js/my-dialog.js"); 
} 
add_action('wp_enqueue_scripts', my_dialog_scripts);

对于第二点

你必须调用模具（）或退出函数在你的回调函数结尾（my_dialog_window）

来源

2013-06-25 13:12:19 softsdev

感谢您的答复。我只希望这些脚本与编辑器中的对话框绑定，但不是在正面而不在任何其他页面上。你的代码会像那样工作吗？ – Dexter

尝试为您的脚本创建简码，并将该简码放在您想要的特定位置 – softsdev

在Wordpress插件对话框窗口上排队脚本

回答

相关问题