Eu tentei um pouco e não consegui fazer com que isso funcionasse perfeitamente, mas está próximo, é difícil estender <form>
os estilos pop-up que estão sendo codificados, que é possível com mais trabalho.
Para começar, você pode:
Coloque o javascript e os estilos do pop-up do link, o principal arquivo .js é wp-includes/wplink.js
. Dependendo de onde você está carregando isso, pode ser necessário adicionar mais / menos scripts / estilos, pois 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 wpLink
função 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 <form>
elemento para o pop-up que, por padrão, é muito longo para colar aqui, você pode ver o padrão aqui: https://gist.github.com/wycks/6402573
Agora, existem grandes problemas com isso, ou seja, não adicionei nenhum javascript de fechamento ou envio (ou verificação) à função, como wpLink.close
ou wpLink.textarea
, portanto, consulte wplink.js
mais informações.
Desculpe, isso leva muito tempo para se mexer, a menos que eu esteja perdendo algo básico, mas isso deve levá-lo a maior parte do caminho.
wp_enqueue_script('wpdialogs');