printer ~ impression à la demande

Cette action ajoute un bouton pour proposer l'impression du contenu entre ses shortcodes.
➠ printer : Ajoute un bouton pour proposer l'impression d'une partie de la page

Cliquer pour lire la documentation

syntaxe {up printer=texte bouton} le contenu à imprimer {/up printer}
author LOMART version UP-1.8 license GNU/GPLv3 tags Editor
  • printer = ⎙ Imprimer: texte du bouton
  • selector: sélecteur CSS du bloc à imprimer
  • filename: nom du document si impression PDF
  • btn-before = 0: le bouton est après le contenu à imprimer
  • btn-display-on-print = 0: 0 = masque le bouton sur l'impression
  • class: classe(s) pour bloc
  • style: style inline pour bloc
  • css-head (base-css): style ajouté dans le HEAD de la page

    Un exemple simple 

    Il suffit d'entourer le texte à imprimer entre un shortcode ouvrant et un shortcode fermant. Un bouton sera ajouté au-dessous pour proposer une impression sur une des imprimantes installées sur le poste de l'internaute. Testez avec une imprimante virtuelle PDF pour ne pas gâcher de papier.

    {up printer}
    <p class="tc bd-bleu">Ceci est le bloc à imprimer<br>avec le bouton au-dessous.</p>
    {/up printer}
    

    Ceci est le bloc à imprimer
    avec le bouton au-dessous.

    Options du bouton

    L'option principale de l'action est le texte du bouton. Notez ici, l'utilisation de l'action icon pour afficher en jaune le caractère Unicode représentant une imprimante.

    Par défaut, le bouton est ajouté après la zone à imprimer, mais l'option 'btn-before' permet de le mettre avant.

    Avec l'option class, il est facile de l'agrémenter. mb1 et mcenter sont des classes de la feuille de style de UP

    {up printer={up icon=Ux2399,yellow,24px} Imprimer les informations ci-dessous
    | btn-before
    | class=btn btn-primary mb1 mcenter}
    <p class="tc bd-bleu">Ceci est le bloc à imprimer<br>avec le bouton au-dessous.</p>
    {/up printer}

    Ceci est le bloc à imprimer
    avec le bouton au-dessous.

    Imprimer l'article ou un bloc

    Dans les exemples précédents, nous avons imprimé le contenu entre les shortcodes. Il est possible d'utiliser l'option selector pour indiquer le sélecteur CSS du bloc. 

    Le bouton ci-dessus est obtenu avec ce shortcode :

    {up printer=Imprimer la totalité de l'article
     | selector=.container-inner
     | class=btn btn-primary}

    Par défaut, les boutons ne sont pas repris sur la version imprimée. Pour les conserver, il faut ajouter l'option btn-display-on-print pour tous les shortcodes printer de la page. 

    Renommer la page imprimée

    Si l'internaute utilise une imprimante PDF, le nom du fichier est le titre de votre page. L'option filename permet de définir un autre nom.

    {up printer=Imprimer la totalité de l'article en changeant le nom du fichier
     | filename=UP-Printer - page renommée
     | selector=.container-inner
     |  class=btn btn-primary}

    Vous pouvez faire le test en cliquant sur le bouton ci-dessous et en sélectionnant une imprimante PDF comme cible.