2017-02-13 11 views
3

Ich versuche, eine Shortcode Dropdown in den reinen Texteditor in WordPress-Seiteneditor neben den Medien hinzufügen Schaltflächen hinzufügen. Ich habe viele Fragen in Bezug auf das Dropdown gesehen, aber sie sind alle speziell für den tinyMce Editor und nicht der reine Texteditor.Shortcode Dropdown WordPress - Nur Texteditor

Der visuelle Editor wurde auf meiner WordPress-Website deaktiviert, aber ich möchte immer noch, dass die Benutzer alle verfügbaren Shortcodes sehen können.

Jede Hilfe würde sehr geschätzt werden.

Antwort

3

Sieht aus wie die Quicktags API nur Tasten akzeptiert, aber wir können das System mit einigen jQuery als it does all sort of things Trick;)

Die Short Dropdown gebaut aus var data und sein Verhalten ajusted sollte onchange :

add_action('admin_print_footer_scripts', 'quicktags_so_42200158'); 

function quicktags_so_42200158() { 
    if (wp_script_is('quicktags')) { 
     wp_enqueue_script('jquery'); 
     ?> 
     <script> 
     /* Button name and callback will be replaced */ 
     QTags.addButton('dummy_button', 'Dummy button', function(){}); 

     jQuery(window).load(function() { 
      jQ = jQuery; 

      /* Build dropdown - http://stackoverflow.com/a/4814600 */ 
      var data = { 
       '-': 'Select shortcode', 
       'video': 'Video', 
       'audio': 'Audio' 
      } 
      var s = jQ('<select />'); 
      s.attr('id','my-shortcodes'); 
      for(var val in data) { 
       jQ('<option />', {value: val, text: data[val]}).appendTo(s); 
      } 

      /* Change 'Dummy button' for dropdown */ 
      jQ('#qt_content_dummy_button')[0].outerHTML = s[0].outerHTML; 

      /* What will be inserted on HTML editor */ 
      jQ('#my-shortcodes').on('change', function(){ 
       var sc = '[' + jQ(this).val() + ']'; 
       QTags.insertContent(sc); 
      }); 
     }); 
     </script> 
     <?php 
    } 
} 

Referenznummer: A Deeper Look Into the WordPress Text Editor

+0

Tolle Antwort danke !! Wir haben einen anderen Weg eingeschlagen, aber definitiv etwas, auf das ich mich in Zukunft beziehen werde! –

Verwandte Themen