当前位置: 博客首页 » 源码教程 » 源码 » WordPress 文章编辑器添加下拉式短代码选择

WordPress 文章编辑器添加下拉式短代码选择

源码 2周前 ESOCN
40 1

如何实现

很简单,直接将以下代码丢到主题 functions.php 文件中:

// 后台编辑器添加下拉式按钮
function wzt_select(){
echo '
<select id="short_code_select">
<option value="请选择一个短代码!!!">插入短代码</option>
<option value="<!>">分页</option>
<option value="【reply]隐藏的内容[/reply]">回复可见</option>
<option value="【collapse title=\'标题\'][/collapse]">展开/收缩按钮</option>
</select>';
}
if (current_user_can('edit_posts') && current_user_can('edit_pages')) {
add_action('media_buttons', 'wzt_select', 11);
}
 
function wzt_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', 'wzt_button');

代码说明

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

将 value 值改为你需要填入的短代码,“插入短代码”文字改为你按钮的显示名称即可。
注意引号的转义( ‘ → \’ )

最后效果

WordPress 文章编辑器添加下拉式短代码选择
版权声明:ESOCN 发表于 2021-06-04 1:47:32。
转载请注明:WordPress 文章编辑器添加下拉式短代码选择 | ESOCN

1 条评论

  • victory
    victory Vip2

    活下去的意志是最强的力量!

    回复