WordPress 后台文章编辑器增加下拉式短代码选择

115资源网 2022年5月11日实用教程, 技术分享浏览：31 0

固然 WordPress 5.0 之后默许的编辑器变成了块编辑器，但是个人仍是倾向于经典编辑器。所以说仍是继续对经典编辑器中止改造吧！熟谙我博客的朋友们应该晓得，博客之前发布过一些对后台编辑器中止改造的文章，比如：

WordPress增加文章暗码保护功用
纯代码为网站增加公众号涨粉功用
纯代码完结WordPress文章页打开缩短功用
网站新增五颜六色警示文本框
DUX主题为亮点功用增加方便按钮

之前发布的这些文章增加的按钮大多是通过 QuicktagsAPI 增加的，关于 QuicktagsAPI 大家有兴味的能够查看下这篇文章>>> 运用QuicktagsAPI为WP文本编辑器增加方便按钮。随着后台文章编辑器增加的功用增加，发现两个问题：① 过多的方便按钮占用了文章编辑器空间；② 每次都要切换到文本编辑器调用方便按钮比较费事。

所以抉择改动下方便按钮的闪现方法，在后台增加个下拉挑选以集合各个方便按钮。增加完结后文章编辑器闪现效果如下：

然后奉上改造代码，直接将代码丢到主题 functions.php 文件中即可。

// 后台编辑器增加下拉式按钮
function QGG_select(){
echo \'

	刺进短代码
	公众号躲藏
	文章暗码保护
	打开/缩短按钮
\';
}
if (current_user_can(\'edit_posts\') && current_user_can(\'edit_pages\')) {
	add_action(\'media_buttons\', \'QGG_select\', 11);
}

function QGG_button() {
echo \'
	jQuery(document).ready(function(){
		jQuery(\"#short_code_select\").change(function(){
			send_to_editor(jQuery(\"#short_code_select :selected\").val());
			return false;
		});
	});
\';
}
add_action(\'admin_head\', \'QGG_button\');

最终说下按钮的增加。直接仿制新增代码中如下语句：

刺进短代码

将 value 值改为你需求填入的短代码，“刺进短代码”文字改为你按钮的闪现称号即可。

留心引号的转义（ ‘ → \\’ ）。

相关文章