Я спробував трохи, і не міг змусити це працювати ідеально, але це близько, важко розширити, коли <form>
для стилів спливаючих вікон є жорстким кодом, думка можлива з більшою роботою.
Для початку ви можете:
Запропонуйте спливаюче вікно javascript та стилі, головний .js файл wp-includes/wplink.js
. Залежно від того, де ви завантажуєте це, вам може знадобитися додати більше або менше сценаріїв / стилів, оскільки він покладається на декілька ( thickbox, jQuery-ui, ui-діалог тощо ).
wp_enqueue_script('wplink');
wp_enqueue_script('wpdialogs-popup'); //also might need this
// need these styles
wp_enqueue_style('wp-jquery-ui-dialog');
wp_enqueue_style('thickbox');
Встановити змінну, що перекладається:
var wpLinkL10n = {"title":"Insert\/edit link","update":"Update","save":"Add Link","noTitle":"(no title)","noMatchesFound":"No matches found."};
Тепер ви повинні мати можливість розширити wpLink
функцію, використовуючи щось на кшталт:
// test button
<button class="link-btn">Click button for Links</button>
jQuery('.link-btn').on('click', function(event) {
wpActiveEditor = true;
wpLink.title = "Hello"; //Custom title example
wpLink.open(); // Open the link popup
return false;
});
Вам потрібен <form>
елемент для спливаючого вікна, який за допомогою defualt - це спосіб довго вклеїти сюди, його можна побачити тут: https://gist.github.com/wycks/6402573
Зараз з цим виникають основні проблеми, а саме я не додав JavaScript до функції закриття чи подання (чи перевірки), наприклад, wpLink.close
або wpLink.textarea
, тому див. wplink.js
Для отримання додаткової інформації.
Вибачте, що це просто довгий шлях до моменту, якщо я не пропускаю щось базове, але це повинно отримати вас більшу частину шляху.