Biraz denedim ve mükemmel çalışmak için bu alamadım, ama yakın, zor <form>
kodlar pop-up stilleri ile uzatmak zor , daha fazla çalışma ile mümkün düşündüm.
Başlamak için şunları yapabilirsiniz:
Açılır bağlantı javascript ve stilleri enqueue, ana .js dosyasıdır wp-includes/wplink.js
. Bunu nereye yüklediğinize bağlı olarak, birkaçına ( kalın kutu, jQuery-ui, ui-iletişim kutusu, vb. ) Bağlı olduğundan daha fazla veya daha az komut dosyası / stil eklemeniz gerekebilir .
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');
Çevrilebilir değişkeni ayarlayın:
var wpLinkL10n = {"title":"Insert\/edit link","update":"Update","save":"Add Link","noTitle":"(no title)","noMatchesFound":"No matches found."};
Şimdi gerektiğini uzatmak mümkün wpLink
gibi bir şey kullanarak işlevini:
// 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 ile buraya yapıştırmanın uzun bir yolu olan pop-up için bir öğeye ihtiyacınız var, defualt'ı burada görebilirsiniz: https://gist.github.com/wycks/6402573
Şimdi bu ile ilgili büyük sorunlar var yani herhangi bir kapanış veya teslim (veya kontrol) javascript işlevini, wpLink.close
veya gibi eklemedim wpLink.textarea
, bu yüzden wplink.js
daha fazla bilgi için bakın .
Üzgünüm, basit bir şey eksik olmadıkça bununla uğraşmak çok uzun sürüyor, ancak bu sizi en iyi şekilde almalı.