TinyMCE : Intégrer une fonction « lire la suite » / « pagebreak »

TinyMCE est un éditeur wysiwyg très pratique et simple à mettre en place. Dans son « installation » de base il n’intègre pas de bouton « lire la suite ». Cette fonction vous permet de couper un article et de n’afficher que l’introduction sur votre page d’accueil par exemple. Avec quelques lignes en plus et une petite fonction, vous pouvez l’intégrer en quelques minutes à votre projet.

La fonction « lire la suite » est disponible via le plugin « pagebreak » de TinyMCE. Pas besoin de le télécharger il est déjà dans la librairie. Il vous suffit de charger le plugin à l’initialisation du script et d’ajouter le bouton dans la barre d’outils.

tinyMCE.init({
theme : "advanced",
mode : "textareas",
plugins : "pagebreak", /* Charge le plugin */
pagebreak_separator : "<!-- page break -->",
theme_advanced_buttons1 : "bold,italic,underline",
theme_advanced_buttons2 : "pagebreak", /* Affiche le bouton */
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
});

Quand vous cliquerez sur le bouton une ligne avec le code suivant sera ajoutée : (vous pouvez d’ailleurs le changer à votre convenance). Il ne vous restera plus qu’à faire une fonction qui n’affichera pas le texte situé après ce bout de code.

Tags : ,

Laisser un commentaire