WordPress 增强编辑器功能

本文被收录到:

WordPress 开发文档

WordPress是一款能让您建立出色网站、博客或应用程序的开源软件。美观的设计,强大的功能,助您自由发挥心中所想。WordPress既是免费的,也是无价的。全世界 43% 的网站都在使用WordPress,小到兴趣博客,大到新闻网站。

目录

使用 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;
  }
});
声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
真诚赞赏,手留余香
赞赏
搜神记
765 文章
4 教程
8 项目
随机推荐
Nginx 通过日志统计访问数据
JavaScript 私有方法和私有属性
CRSF 跨站脚本攻击已死,使用 Same-Site Cookies 来防范 CSRF
Linux netstat 命令
MySQL 删除逗号分隔字段中的某一个值
JavaScript history对象
Notifications API
WordPress 自定义模板路径