VPS参考测评推荐
专注分享VPS主机优惠信息

纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享

PacificRack
主机参考:服务器测评参考推荐网,专注分享服务器优惠信息!如果您想在本站投放您的广告,点此直达!如果您不想付费,您也可以免费投稿您的产品信息,点此直达联系我们
部分文章发布时间较久远,可能存在未知因素,购买时建议在本博客搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!主机商家黑名单列表

尽管 WordPress 5.0 之后的默认编辑器已经变成了块编辑器,但我仍然更喜欢经典的编辑器,所以让我们继续改造经典的编辑器吧

在后台增加个下拉选择以集合各个快捷按钮,添加完成后文章编辑器显示效果如下:

纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享-主机参考

 

1,直接将下面的代码加在当前使用的主题 functions.php 文件中即可

// 后台编辑器添加下拉式按钮
//https://zhujicankao.com/3695.html
function QGG_select(){
echo '
<select id="short_code_select"&gt;
<option value=#双引号中文#请选择一个短代码!#双引号中文#&gt;插入短代码</option&gt;
<option value=#双引号中文#【ghide keyword=\'关键字\' key=\'验证码\']隐藏内容[/ghide]#双引号中文#>公众号隐藏</option>
<option value=#双引号中文#【pwd_protected_post key=\'保护密码\']您需要选择一个短代码[/pwd_protected_post]#双引号中文#>文章密码保护</option>
<option value=#双引号中文#【collapse title=\'说明文字\'][/collapse]#双引号中文#>展开/收缩按钮</option>
</select>';
}
if (current_user_can('edit_posts') && current_user_can('edit_pages')) {
add_action('media_buttons', 'QGG_select', 11);
}
function QGG_button() {
echo '<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#short_code_select").change(function(){
send_to_editor(jQuery("#short_code_select :selected").val());
return false;
});
});
</script>';
}
add_action('admin_head', 'QGG_button');

2,按钮的添加,直接复制下面的代码添加在上面代码中间即可

<option value="请选择一个短代码!">插入短代码</option>

 

注意事项:

1,将 value 值改为你需要填入的短代码,“插入短代码”文字改为你按钮的显示名称即可

2,注意引号的转义( ‘ → \’ )

3,代码中的 “#双引号中文#” 记得修改为英文的“”双引号

4,代码中的 “【” 记得修改为英文的[“符号

 

iON
打赏
转载请注明原文链接:主机参考 » 纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!

相关推荐


评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏