Редактировать содержимое с помощью DoubleClick в редакторе

Я создал плагин для WordPress. Он открывает диалоговое окно с полем input для заполнения, а затем создает div с содержимым поля. После того, как div был создан в редакторе, я хотел бы иметь возможность дважды щелкнуть по этому div и снова открыть диалоговое окно. Как я должен это делать ?

Здесь, мой PHP FILE:

 <?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 FILE:

 $('#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(); }); 

Спасибо за помощь. Николя.

Solutions Collecting From Web of "Редактировать содержимое с помощью DoubleClick в редакторе"