收录了这篇文章
使用 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; } });
声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。