1

有没有办法将 wp 图库短代码插入自定义元框文本区域?我想要这样的东西:

带有文本区域的帖子/页面中的新元框,在文本区域下方有一个按钮可以打开 wp 浏览媒体库灯箱。然后当我们选择几张图片作为图库时,单击“插入图库”按钮会将短代码插入到 textarea 自定义字段中。

我能够显示媒体库,现在我不知道如何在单击按钮“插入图库”时将短代码插入自定义文本区域

到目前为止,这是我的代码:

HTML

<div class="uploader">
 <textarea name="settings[_cs_shortcode_gallery]" id="_cs_shortcode_gallery"></textarea>
 <input class="button tf-browse-btn" name="_cs_shortcode_gallery_button" id="_cs_shortcode_gallery_button" value="Browse Gallery"/>
</div>

JS

var _custom_media = true,
      _orig_send_attachment = wp.media.editor.send.attachment;
  $('.tf-browse-btn').live('click', function(e) {
    var send_attachment_bkp = wp.media.editor.send.attachment;
    var button = $(this);
    var id = button.attr('id').replace('_button', '');
    _custom_media = true;
    wp.media.editor.send.attachment = function(props, attachment){
      if ( _custom_media ) {
        $("#"+id).val(attachment.url);
      } else {
        return _orig_send_attachment.apply( this, [props, attachment] );
      };
    }
    wp.media.editor.open(button);
    return false;
  });
  $('.add_media').on('click', function(){
    _custom_media = false;
  });

我现在想要实现的是:

  • 打开模式时如何将创建图库选项卡设置为默认选项卡
  • 将图库短代码插入自定义文本区域

详情请看下面的截图

http://i.stack.imgur.com/m1l2e.png

http://i.stack.imgur.com/y9Fi5.png

4

0 回答 0