Tôi đã cố gắng một chút và không thể làm cho nó hoạt động hoàn hảo, nhưng nó gần, thật khó để mở rộng với các <form>
kiểu cửa sổ bật lên được mã hóa cứng, có thể nghĩ là có thể làm việc nhiều hơn.
Để bắt đầu, bạn có thể:
Enqueue liên kết cửa sổ bật lên javascript và các kiểu, tệp .js chính là wp-includes/wplink.js
. Tùy thuộc vào nơi bạn tải cái này, bạn có thể cần thêm nhiều hoặc ít tập lệnh / kiểu hơn vì nó phụ thuộc vào một số ( hộp dày, jQuery-ui, ui-hộp thoại, v.v. ).
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');
Đặt biến có thể dịch:
var wpLinkL10n = {"title":"Insert\/edit link","update":"Update","save":"Add Link","noTitle":"(no title)","noMatchesFound":"No matches found."};
Bây giờ bạn sẽ có thể mở rộng wpLink
chức năng bằng cách sử dụng một cái gì đó như:
// 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;
});
Bạn cần một <form>
yếu tố cho cửa sổ bật lên mà theo defualt là cách lâu dài để dán ở đây, bạn có thể thấy một phần tử ở đây: https://gist.github.com/wycks/6402573
Bây giờ có những vấn đề lớn với điều này cụ thể là tôi không thêm bất kỳ javascript đóng cửa hoặc nộp hồ sơ (hoặc kiểm tra) với chức năng, chẳng hạn như wpLink.close
hay wpLink.textarea
, nên xem wplink.js
để biết thêm.
Xin lỗi điều này chỉ mất nhiều thời gian để mân mê, trừ khi tôi thiếu một cái gì đó cơ bản, nhưng điều đó sẽ giúp bạn có được hầu hết các cách.