如何使用WordPress小工具的“添加链接”弹出窗口

时间:2013-08-31 作者:Benny Neugebauer

在WordPress的WYSIWYG编辑器中,如果要添加文本链接,会弹出窗口。是否有可能访问此功能?因为我想将这个弹出窗口用于我创建的WordPress小部件,这样,如果在后端配置小部件,就可以添加到小部件的链接。

以下是我的意思截图:enter image description here

1 个回复
SO网友:Wyck

我尝试了一点,但并不能让它完美地工作,但它很接近,很难扩展<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.closewpLink.textarea, 所以请参见wplink.js 了解更多信息。

抱歉,这需要很长的时间来处理,除非我错过了一些基本的东西,但这应该可以帮你解决大部分问题。

结束

相关推荐

Printf、翻译和_Author_Posts_link()

由于某些原因,以下代码未在我的网站前端正确显示-<?php printf( esc_attr__( \'About %s\', \'textdomain\' ), the_author_posts_link() ); ?> 它不是在作者姓名/链接之前显示可翻译字符串“About”,而是在之后显示。我假设这是因为我在其中使用了一个函数,而不是一个变量。有没有办法做到这一点,或者我应该完全重写这一点?