WordPress 增强编辑器功能
像素鱼丸
11-22
90
0

使用 media_buttons action,增加编辑器的功能。

添加编辑器顶部按钮

add_action('media_buttons', 'add_my_media_button');
function add_my_media_button() {
    echo '<a href="javascript:;" id="insert-my-media" class="button">测试按钮</a>';
}

添加后台 JS

function add_admin_script() {
    $src = get_bloginfo('template_directory') . '/assets/js/lib/editor-plus.js';
    wp_enqueue_script('boot', $src);
}
add_action('admin_enqueue_scripts', 'add_admin_script');

JS 的代码

jQuery(function($) {
  jQuery(document).ready(function() {
    jQuery('#insert-my-media').click(open_media_window);
  });

  function open_media_window() {
    if (this.window === undefined) {
      this.window = wp.media({
        title: 'Insert a media',
        library: {
          type: 'image'
        },
        multiple: false,
        button: {
          text: 'Insert'
        }
      });
      var self = this; // Needed to retrieve our variable in the anonymous function below
      this.window.on('select', function() {
        var first = self.window.state().get('selection').first().toJSON();
        wp.media.editor.insert('[myshortcode id="' + first.id + '"][/myshortcode]');
      });
    }
    this.window.open();
    return false;
  }
});
收藏
打赏
实现自定义 Ajax 请求
上一篇
WordPress 引入自定义 JavaScript 文件
下一篇

发表评论

像素鱼丸
147 文章
0 评论
4 喜欢
最新文章

详解 WordPress 的评论设置

好的,我们来详细梳理并总结 WordPress 中关于文章评论的两个核心控制层级:全局设置和单篇设置。理解这两者的关系(优先级)是管理网站评论的关键。 1. 全局设置 (Global Settings) —— 网站的“默认规则” 这是整个网站评论系统的总开关和默认行为准则。它决定了新发布的文章默认是什么样子的。 位置:WordPress 后台仪表盘 -> 设置 (Settings) -> […]

wp_handle_comment_submission 函数

wp_handle_comment_submission() 是 WordPress 中用于处理评论提交的核心函数之一。它通常在用户提交评论时被调用,负责验证和处理评论数据,并最终将评论插入到数据库中。 ✅ 函数作用 wp_handle_comment_submission() 的主要功能是: 验证用户提交的评论数据(如评论内容、用户名、邮箱等) 检查是否为垃圾评论(通过 Akismet 或其他过 […]

Mirage 主题 v2.89.0 发布

Mirage 主题 v2.89.0 发布 feat 懒加载图片增加灰色背景颜色 refactor 移除一些无用的js文件 fix 优化卡片列表样式 feat 如果设置里删除logo,就直接显示网站名称 fix 修复pc下拉菜单宽度的一个样式bug fix 修复未登录用户取消喜欢时产生的一个错误 fix 优化 wp_vt_star 表结构 下载地址:https://gitee.com/vthemec […]

WordPress set_transient()使用方法和实现

set_transient() 是 WordPress 中用于设置临时数据的函数,它允许你将数据存储在缓存中,这些数据会在指定的时间后自动过期。它是 WordPress 提供的 transient API 的一部分,常用于缓存数据库查询、API 响应或其他计算密集型操作的结果。 一、基本概念 1. 什么是 Transient? Transient 是 WordPress 中的一种缓存机制,类似于 […]
生成中...
扫描二维码
扫描二维码
用户登录