Question

我为WordPress创建了一个插件。它会打开一个对话框，其中包含要填充的input字段，然后会创建一个包含该字段内容的div。在编辑器中创建div后，我希望能够双击此div并再次打开对话框。我该怎么办？

在这里，我的PHP文件：

<?php
/*
Plugin Name: my Plugin
*/
?>

<?php
    function add_myItems(){
?>

    <!-- the Dialog Box -->
    <div id="myDialog">

        <style type="text/css">          
            #myDialog {
                display: none; /* hidden by default */
                position: fixed;
                z-index: 100; /* Sit on top */
                width: 200px; 
                height: 200px;
            }          
        </style>

        <input id="myData" value="" />
        <a href="#" id="myOK">OK</a>

    </div>    

    <!-- the WP button -->
    <a href="#" id="myButton">Add DIV</a>

<?php
    }

    function add_myJS() {
        wp_enqueue_script('myJS', '/wp-content/plugins/my/script.js', array('jquery'), '1.0', true);
        }

    add_action('wp_enqueue_media', 'add_myJS');
    add_action('media_buttons', 'add_myItems');

?>

...在这里，我的JS文件：

$('#myButton').click(function () {
    $('#myDialog').show();                    
    });

$('#myOK').click( function (){

    var data = $('#myData').val();
    var result ='<div class="myResult">' + data + '</div>';

        wp.media.editor.insert(result); /* the WordPress function */
        $('#myDialog').hide();

    });

感谢您的帮助。尼古拉斯。

Wordpress：在编辑器中使用DoubleClick重新编辑内容

0 个答案: