➠ html : permet de créer une entité HTML (balise) avec classe(s), style et attribut sans passer en mode code DEMO
exemples :
{up html=div | class=foo | id=x123}contenu{/up html}
-->
contenu

{up html=img | class=foo | src=images/img.jpg}
--> < img class="foo" src="/images/img.jpg" >
note: toutes les options sont considérées comme des attributs de la balise
author LOMART 2017-08 license GNU/GPLv3
  • html=div: balise html
  • class: classe(s)
  • style: style inline
  • attr: couple attribut-valeur (title:le titre)

    Simple et pratique

    J'ai créé cette action pour saisir du code HTML dans un article en mode Wysiwyg (sans passer en mode code)

    Un exemple 'simpliste' pour comprendre le principe

    {up html | style=color:red}
    un texte en rouge
    {/up html}
    
    un texte en rouge

    Un autre exemple juste pour le fun: insérer une image

    {up html=img | src=images/photos/Perroquets-rouges-en-Equateur-mini.jpg | alt=texte alternatif | title=2 beaux perroquets }
    
    texte alternatif

    Encore un autre

    Pratique pour éviter de se battre avec votre éditeur qui efface les saisies qu'il n'aime pas !
    Cela vous assure aussi que si un autre rédacteur n'ayant pas les droits modifie votre article, l'iframe restera

    Un exemple, suite à une demande sur le forum joomla.fr

    Le code est :

    <div style="text-align:center" class="bloc">
    {up html=iframe 
    | src=https://www.google.com/maps/embed?pb=!1m0!4v1510843613661!6m8!1m7!1sCAoSLEFGMV FpcE9LekZ1NEFXcEFBWkpJM3NwYk5BSk5GV25qSFBNbGhTYkF4 eU5E!2m2!1d50.518660704295336!2d5.222107117821095! 3f328.2343295257333!4f-5.481540079137304!5f0.7820865974627469 
    |width=600 
    | height=450 
    | frameborder=0 
    | style=border:0 
    | allowfullscreen}
    impossible d'afficher le contenu
    {/up html}
    </div>

    Le shortcode de fermeture est optionnel. Il permet d'afficher un contenu alternatif si l'iframe ne peut être affiché.

    UP ferme toujours les tags HTML qui l'exige, qu'un contenu ou non soit indiqué.