在WordPress的WYSIWYG编辑器中,如果要添加文本链接,会弹出窗口。是否有可能访问此功能?因为我想将这个弹出窗口用于我创建的WordPress小部件,这样,如果在后端配置小部件,就可以添加到小部件的链接。
以下是我的意思截图:
在WordPress的WYSIWYG编辑器中,如果要添加文本链接,会弹出窗口。是否有可能访问此功能?因为我想将这个弹出窗口用于我创建的WordPress小部件,这样,如果在后端配置小部件,就可以添加到小部件的链接。
以下是我的意思截图:
我尝试了一点,但并不能让它完美地工作,但它很接近,很难扩展<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
了解更多信息。
抱歉,这需要很长的时间来处理,除非我错过了一些基本的东西,但这应该可以帮你解决大部分问题。
由于某些原因,以下代码未在我的网站前端正确显示-<?php printf( esc_attr__( \'About %s\', \'textdomain\' ), the_author_posts_link() ); ?> 它不是在作者姓名/链接之前显示可翻译字符串“About”,而是在之后显示。我假设这是因为我在其中使用了一个函数,而不是一个变量。有没有办法做到这一点,或者我应该完全重写这一点?