wordpress后台编辑器中添加短链接按钮
2022-07-29 10:13:20
238
{{single.collect_count}}

教大家一种方法,直接在wordpress后台编辑器中添加短链接的按钮,告别直接复制,一键添加,提高大家的写文章的效率。

目前有两种办法切换回经典模式

效果图如下

在这里插入图片描述

创建JS

在你主题合适的位置创建 more.js,作为修改编辑器的JS代码。

$(function(){tinymce.create('tinymce.plugins.vipshow', {init: function (ed, url) {ed.addButton('vipshow', {title: 'VIP会员可见',image: url + '/images/vipshow.png',onclick: function () {ed.selection.setContent('[vipshow]' + ed.selection.getContent() + '[/vipshow]')}})},createControl: function (n, cm) {return null},})tinymce.PluginManager.add('vipshow', tinymce.plugins.vipshow)});

添加PHP代码

在function.php中添加如下代码

add_action('init', 'more_button');function more_button(){if (!current_user_can('edit_posts') && !current_user_can('edit_pages')) {return;}if (get_user_option('rich_editing') == 'true') {add_filter('mce_external_plugins', 'add_plugin');add_filter('mce_buttons', 'register_button');}} function register_button($buttons){array_push($buttons, " ", "vipshow");return $buttons;} function add_plugin($plugin_array){$plugin_array['vipshow'] = ASSET_PATH . '/assets/js/buttons/more.js';return $plugin_array;}

代码也很好理解,我这里就不做过多的解释啦,这样就可以在后台编辑中添加了对应的按钮,注意 vipshow是短标签,因此你还需要创建自己的短标签。

欢迎关注我的公众号“xx主题网”,原创技术文章第一时间推送。

文章来源:https://www.xxzhuti.com/915.html


回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}