WordPress özel kısa kod düzenleyici [BackboneJS & TinyMCE]

Question

Wordpress 3.9.1 kullanıyorum ve çalışmakta olan özel bir kod yazdım ama biraz özel yapmak istiyorum Kısa kodumu kullandığımda, bu benim admin sayfasında göster: [toggles title = "zaez"] aezaezae [/ toggles]

"aezaezae" metnine yazı ekleyebilir veya metin ekleyebilirim. Ve bu davranışı devam ettirmek ama bakmak daha iyi yapmak istiyorum.

yüzden wordpress (galerinin kodu) ait bazı kodları kullanılır ve yaptığını:

(function($){ 

var views = {}, 
    instances = {}, 
    media = wp.media, 
    viewOptions = ['encodedText']; 

// Create the `wp.mce` object if necessary. 
wp.mce = wp.mce || {}; 

wp.mce.toggles = { 
    shortcode: 'toggles', 
    toView: function(content) { 
     var match = wp.shortcode.next(this.shortcode, content); 

     if (! match) { 
      return; 
     } 

     return { 
      index: match.index, 
      content: match.content, 
      options: { 
       shortcode: match.shortcode 
      } 
     }; 
    }, 
    View: wp.mce.View.extend({ 
     className: 'editor-toggles', 
     template: media.template('editor-toggles'), 

     // The fallback post ID to use as a parent for galleries that don't 
     // specify the `ids` or `include` parameters. 
     // 
     // Uses the hidden input on the edit posts page by default. 
     postID: $('#post_ID').val(), 

     initialize: function(options) { 
      this.shortcode = options.shortcode; 
     }, 

     getHtml: function() { 
      var attrs = this.shortcode.attrs.named, 
       content = this.shortcode.content, 
       options; 

      options = { 
       content: content, 
       title: attrs.title 
      }; 

      return this.template(options); 

     } 
    }) 

}; 
wp.mce.views.register('toggles', wp.mce.toggles); 

} (jQuery));

Ve bu Çok çalışıyor

<script type="text/html" id="tmpl-editor-toggles"> 
    <div class="toolbar"> 
     <div class="dashicons dashicons-edit edit"></div><div class="dashicons dashicons-no-alt remove"></div> 
    </div> 
    <# if (data.title) { #> 

      <h2>{{ data.title }}</h2> 
      <hr> 
      <p data-wpview-pad="1">{{ data.content }}</p> 
      <hr> 

    <# } #> 
</script> 

denir şablon, ancak şu anda artık benim içeriği düzenleyemezsiniz. Galerinin fonksiyonuna baktım, ama başka bir pencere (wp.media.gallery) aradı ve bu varsayılan editörde düzenleme yapabilmeyi isterdim ...

Birisi bana mümkün olup olmadığını söyleyebilir mi? bana bir ipucu ver ? bunu buldum ama dediğim gibi o benim shortcode düzenlemek için yeni bir pencere çağırmak bıraktıysanız Ben yaparım ama gerçekten bilmiyorum Custom wp.media with arguments support

medya (resim ... videolar) için var ..

Teşekkürler! Saygılarımızla Thomas

Answer 1

Orada burada kısa kod oluşturma konusunda büyük bir makale: http://www.smashingmagazine.com/2012/05/01/wordpress-shortcodes-complete-guide/

Scroll başlıklı "Kısa kod TinyMCE Editör Düğme" bölümüne ve ben çalışıyoruz düşünmek ne bir örnek göreceksiniz yapmak.

biz shortcode düğmesine bir iletişim olduğunu