X

Ajouter l’éditeur TinyMCE au champ de saisie du titre de l’article ou de la page

Snippets by IsItWP

Vous cherchez un moyen d’ajouter l’éditeur TinyMCE au champ de saisie du titre de vos articles et pages WordPress ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour ajouter l’éditeur TinyMCE au champ de saisie du titre de l’article ou de la page dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code dans le fichier functions.php de votre thème ou dans un plugin spécifique à votre site:


function tinymce_title_js(){ ?>
<script type="text/javascript">
	jQuery(document).ready( tinymce_title );
            function tinymce_title() {
		jQuery("#title").addClass("mceEditor");
		tinyMCE.execCommand("mceAddControl", false, "title");
	    }
</script>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_js');
add_action( 'admin_head-post-new.php', 'tinymce_title_js');

function tinymce_title_css(){ ?>
<style type='text/css'>
	    #titlewrap{border:solid 1px #e5e5e5 !important;}
	    tr.mceLast{display:none;}
	    #title_ifr{height:50px !important;}
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_css');
add_action( 'admin_head-post-new.php', 'tinymce_title_css');

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la façon d’ajouter correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 46 plus grandes marques du monde utilisant activement WordPress et comment créer un formulaire d’inscription personnalisé sur WordPress.

Commentaires   laisser une réponse

  1. Just change:
    tinyMCE.execCommand(“mceAddControl”, false, “title”);
    for:
    tinyMCE.execCommand(“mceAddEditor”, false, “title”);

  2. not working at my wp site

  3. Nice addition/snipt, but… why?

  4. Thanks for this. Is there any way to have this display in the html editor as well or instead of the visual? – opps, posted on the wrong article, sorry.

  5. Great snippet! I wonder is there any way to display and use only selected items of tinyMCE? Surely we don’t need to have the uploader buttons for the title area 🙂

    1. Thanks, glad you like the snippet, I think we can remove items however I’m not sure how easy it would be to do that just for the TinyMCE used for the title.

      1. how to remove unused items from tinymce? a good idea for a future snippet =) 

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !