我尝试了一点,但并不能让它完美地工作,但它很接近,很难扩展<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>
元素,您可以在此处看到defalt元素:
https://gist.github.com/wycks/6402573现在这方面存在一些主要问题,即我没有向函数添加任何关闭或提交(或检查)javascript,例如wpLink.close
或wpLink.textarea
, 所以请参见wplink.js
了解更多信息。
抱歉,这需要很长的时间来处理,除非我错过了一些基本的东西,但这应该可以帮你解决大部分问题。