Comment ajouter plusieurs boutons à TinyMCE?
https://wordpress.stackexchange.com/questions/13749
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai suivi un tutoriel sur Nettuts comment ajouter un bouton personnalisé à TinyMCE (
La solution Tout d'abord ajouter vos boutons supplémentaires à l'intérieur des boutons callback .. Ensuite, ajouter la fonction des boutons supplémentaires dans le plugin javascript .. Et ainsi de suite, pour les boutons supplémentaires que vous voulez .. function register_button($buttons) {
array_push($buttons, "quote","wpse-rules");
return $buttons;
}
init : function(ed, url) {
ed.addButton('quote', {
title : 'Add a Quote',
image : url+'/image.png',
onclick : function() {
ed.selection.setContent('[quote]' + ed.selection.getContent() + '[/quote]');
}
});
ed.addButton('wpse-rules', {
title : 'WPSE Rules',
image : url+'/image.png',
onclick : function() {
alert( 'WPSE Rules!' );
}
});
},
![La solution Tout d'abord ajouter vos boutons supplémentaires à l'intérieur des boutons callback .. function register_button($buttons) { array_push($buttons, "quote","wpse-rules"); return $buttons; } Ensuite, ajouter la fonction des boutons supplémentaires dans le plugin javascript .. init : function(ed, url) { ed.addButton('quote', { title : 'Add a Quote', image : url+'/image.png', onclick : function() { ed.selection.setContent('[quote]' + ed.selection.getContent() + '[/quote]'); } }); ed.addButton('wpse-rules', { title : 'WPSE Rules', image : url+'/image.png', onclick : function() { alert( 'WPSE Rules!' ); } }); }, Et ainsi de suite, pour les boutons supplémentaires que vous voulez ..](http://net.tutsplus.com/tutorials/wordpress/wordpress-shortcodes-the-right-way/ « > http://net.tutsplus.com/tutorials/wordpress/wordpress-shortcodes-the-right-way/ </a>) </p>
<P> Il fonctionne très bien et tout, mais je veux ajouter de nombreux boutons et je me demande s'il y a une façon intelligente de le faire sans avoir à dupliquer tout le code et encore. </P>
<P> Voici le code que j'utilise pour ajouter un bouton: </p>
<pre><code>add_shortcode("quote", "quote");
function quote( $atts, $content = null ) {
return '<div class="right text">"'.$content.'"</div>';
}
add_action('init', 'add_button');
function add_button() {
if ( current_user_can('edit_posts') && current_user_can('edit_pages') )
{
add_filter('mce_external_plugins', 'add_plugin');
add_filter('mce_buttons_3', 'register_button');
}
}
function register_button($buttons) {
array_push($buttons, "quote");
return $buttons;
}
function add_plugin($plugin_array) {
$plugin_array['quote'] = get_bloginfo('template_url').'/js/customcodes.js';
return $plugin_array;
}
</code></pre>
<P> Et puis-je créer un fichier customcodes.js avec ce code dans: </p>
<pre><code>(function() {
tinymce.create('tinymce.plugins.quote', {
init : function(ed, url) {
ed.addButton('quote', {
title : 'Add a Quote',
image : url+'/image.png',
onclick : function() {
ed.selection.setContent('[quote]' + ed.selection.getContent() + '[/quote]');
}
});
},
createControl : function(n, cm) {
return null;
},
});
tinymce.PluginManager.add('quote', tinymce.plugins.quote);
})();
</code></pre>
<P> Encore une fois, comment puis-je ajouter plusieurs boutons sans avoir à faire tout ce code pour chaque nouveau bouton? </P>
<p> Merci :)
Sebastian </p> </div>
</div>
</div>
<div id=){kind=link}
Autres conseils
Prenez une lecture à travers et / ou télécharger les fichiers dans mon tutoriel sur cette . La raison pour laquelle je suggère cela est parce que je mets tout cela dans une classe de sorte que vous n'avez pas besoin réellement d'écrire le code encore et encore pour chaque bouton!
Maintenant, la classe n'écrit essentiellement le code pour vous chaque fois que vous instancier sur le côté WordPress des choses, mais vous aurez toujours besoin d'écrire les fonctionnalités javascript pour chaque bouton.
La création d'un bouton est le même processus, peu importe combien vous avez besoin. La fonction de chaque bouton va être unique, ce qui est la raison pour laquelle vous avez besoin d'un appel javascript unique pour chaque bouton.
Regardez quicktag de wordpress, si vous voulez ajouter des boutons sur la section de l'éditeur de texte (ne fonctionne pas sur la partie éditeur visuel bien)
