X

Activer l'éditeur TinyMCE pour l'extrait d'article (the_excerpt)

Extraits par IsItWP

Voulez-vous ajouter l'éditeur TinyMCE à la zone de texte de l'extrait de publication ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour activer l'éditeur TinyMCE pour l'extrait de publication WordPress.

Instructions :

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

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

function tinymce_css(){ ?>
<style type='text/css'>
	    #postexcerpt .inside{margin:0;padding:0;background:#fff;}
	    #postexcerpt .inside p{padding:0px 0px 5px 10px;}
	    #postexcerpt #excerpteditorcontainer { border-style: solid; padding: 0; }	
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_css');
add_action( 'admin_head-post-new.php', 'tinymce_css');

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d'ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 7 meilleurs services VPN pour les utilisateurs de WordPress et comment créer un formulaire de candidature dans WordPress.

Commentaires   Laisser une réponse

  1. Cela ne fonctionne pas dans WP 5.5.1
    Avons-nous besoin de mettre à jour quelque chose ?
    Merci !

  2. sen ne d?yorsun bree orospuu cocugu

  3. Adam Christianson August 11, 2014 at 1:33 pm

    Je rencontre le même problème depuis la mise à jour. Existe-t-il une version mise à jour de cette fonction qui pourrait résoudre les problèmes à nouveau ?

  4. Même problème ici ! Ça fonctionnait avant la mise à jour mais maintenant c'est parti ! Merci !

  5. Ça fonctionnait avant, mais après la mise à jour de tinyMCE, c'est parti ???

  6. J'apprécie le code et je l'ai ajouté à mon site WP local que je mets à jour et cela semble bien fonctionner jusqu'à présent. Merci !

    1. Parfait ! Content que wpsnipp ait pu aider… Profitez du code.

  7. Sauveur ! Merci beaucoup 🙂

  8. il MANGE les sauts de ligne…

  9. Salut Kevin,
    J'ai ajouté cet extrait à mon fichier functions.php mais l'éditeur ne s'affiche pas. J'utilise le framework pagelines. Est-ce que cela pourrait être à cause de ça ?

  10. merci ! pratique sans installer un plugin géant. Juste un petit problème : quand vous avez un type de publication personnalisé sans éditeurs, l'initialisation de tinyMCE s'exécute quand même, ce qui fait planter tout le js. avec une vérification supplémentaire, cela fonctionne sans problème :

    ..
    if (typeof(tinyMCE) !== ‘undefined’) {
    tinyMCE.execCommand(“mceAddControl”, false, “excerpt”);
    }
    ..

  11. merci ! cela m'a beaucoup aidé !

    1. Cool, content d'avoir pu aider, profitez-en !

  12. une mise à jour à ce sujet ? (c'est mroncetwice au fait)

  13. merci ! exactement ce que je cherchais 🙂

    1. Cool, content d'avoir pu aider Birgit,

  14. WP 3.3 détraque royalement cette fonction. lorsque vous quittez une page d'écriture réglée sur l'onglet HTML, en revenant à l'une des pages d'écriture où cette fonction est active, cliquer sur l'onglet Visuel fait apparaître une zone de texte vide (pas vraiment vide, mais elle semble l'être car le texte est de couleur blanche). Je vois beaucoup de suggestions d'utiliser
    do_action(‘edit_page_form’)
    à la place, mais je ne suis pas sûr de la manière de procéder pour une telle fonction. 

    des projets pour mettre à jour cette fonction pour une utilisation avec WP 3.3 ?

    1. Je n'ai pas essayé cet extrait dans wp 3.3, cela pourrait être un certain nombre de choses, je vais y jeter un œil et publier une version mise à jour pour 3.3 et vous faire savoir si des problèmes ont pu causer cela pour vous.

  15. 29 Wordpress Tweaks to Improve Posts and Pages October 18, 2011 at 9:11 am

    [...] [Source : WPSNIPP] [...]

  16. Y a-t-il un moyen d'afficher des onglets pour basculer entre Visuel et HTLM ?

    1. Salut Jacek, quelques personnes ont demandé cet ajout, je vais devoir y jeter un œil et voir.

  17. Merci Kevin pour cet extrait.
    Savez-vous comment ajouter les boutons médias en haut ?
    Désolée pour mon mauvais anglais
    Merci
    Anne

    1. Pas de problème Anne, content que l'extrait vous plaise. Concernant les boutons_médias, je vais devoir vérifier, je ne suis pas sûr que cela puisse se faire facilement. Si c'est le cas, je posterai un extrait.

  18. Comment ajouter cela au champ Description supplémentaire de WPEC ?

    1. Pour ajouter cela à un autre champ, vous devrez connaître l'ID du champ. Sur la ligne 05, vous verrez #excerpt si vous le changez pour l'ID de l'autre zone de texte, cela devrait bien fonctionner. Veuillez également noter que j'ai ajouté du CSS aux lignes 14-16  pour un peu de style. Vous devriez supprimer ce CSS et le remplacer par le vôtre pour vous assurer que tout est correct.

      1. Brillant ! Donc, pour tous les autres utilisateurs de WPEC/WPSC (wp E-commerce) qui souhaitent que cela fonctionne pour la section « Description supplémentaire », il suffit de changer l'ID #excerpt dans la fonction ci-dessus en #additional_description et de changer la classe ajoutée de « mceEditor » à « theEditor » et tout fonctionnera !

        Merci Kevin pour votre aide précieuse.

      2. Kevin, une idée pour ajouter les onglets visuel/HTML en haut de l'extrait ?

        1. Pour être honnête, je ne suis pas sûr, ce n'est pas quelque chose auquel j'ai jamais pensé faire jusqu'à ce que vous posiez la question, cependant, c'est une idée intéressante. Je vais y jeter un œil et voir si je peux trouver un extrait que je peux poster.

  19. C'est super — sauf que mes sauts de ligne/paragraphes ne sont pas conservés.  Donc, après une mise à jour, l'extrait apparaît à nouveau comme une seule longue ligne.  Y a-t-il un moyen simple de conserver les sauts de paragraphe ?

    1. Salut Gary, je vais tester cela et je reviendrai vers vous.

      1. Salut Gary,
        J'ai revérifié et ça devrait fonctionner, ça transforme les sauts de ligne en paragraphes donc ça devrait marcher correctement. As-tu d'autre code qui fait quelque chose à _the_excerpt ?

    2. Je confirme cette expérience. Mais lors de la visualisation du contenu, les paragraphes sont présents.

      Je suis plus intéressé par la façon d'inclure des images. Si vous avez le temps, envoyez-moi un message à [email protected] avec une solution.

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 politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé 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 l'eBook gratuit !