Eu tentei um pouco e não consegui fazer isso funcionar perfeitamente, mas está próximo, é difícil estender com <form>
para os estilos pop-up que estão sendo codificados, o que é possível com mais trabalho.
Para começar, você pode:
Enfileire o link pop-up javascript e estilos, o arquivo .js principal é wp-includes/wplink.js
. Dependendo de onde você está carregando isso, você pode precisar adicionar mais ou menos scripts / estilos, pois ele depende de vários ( thickbox, jQuery-ui, ui-dialog, etc ).
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');
Defina a variável traduzível:
var wpLinkL10n = {"title":"Insert\/edit link","update":"Update","save":"Add Link","noTitle":"(no title)","noMatchesFound":"No matches found."};
Agora você deve poder estender a função wpLink
usando algo como:
// 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;
});
Você precisa de um elemento <form>
para o pop-up que, por definição, é muito longo para colar aqui, você pode ver o seguinte aqui: enlace
Agora, há grandes problemas com isso, ou seja, eu não adicionei nenhum JavaScript de fechamento ou envio (ou verificação) à função, como wpLink.close
ou wpLink.textarea
, portanto, consulte wplink.js
para obter mais informações.
Desculpe, isso só leva muito tempo para ser usado, a menos que eu esteja sentindo falta de algo básico, mas isso deve te levar a maior parte do caminho.