将wp gallery shortcode插入自定义字段textarea

时间:2013-01-29 07:07:16

标签: wordpress shortcode media-library

有没有办法将wp gallery短代码插入自定义metabox textarea? 我想有这样的事情:

带有textarea和textarea下面的帖子/页面中的新元数据库有一个按钮可以打开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;
  });

我现在想要实现的目标是:

  • 如何在打开模式时将“创建图库”选项卡设置为默认选项卡
  • 将图库短代码插入自定义textarea

请参阅下面的屏幕截图了解详情

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

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

0 个答案:

没有答案