iframes avec Joomla

Lien court vers cette page : http://vt.cx/ifJ
QR code vers cette page : http://vt.cx/ifJ.qr

Versions Joomla : 2.5.8
Versions JCE : 2.3.1
Versions TinyMCE : 3.5.4.1

Présentation

Très utiles pour insérer des pages de sites ou des mediaplayer dans une page, les iframes sont des commandes HTML qui peuvent être intégrées directement dans des articles ou dans des modules HTML sous réserve que l'éditeur le permette. Outre la syntaxe même de la commande, il faut aussi prendre en compte les spécificités des éditeurs les plus courants sous Joomla pour éviter qu'ils ne refusent l'iframe d'un côté et qu'ils ne le supprime d'un autre en "nettoyant" les articles de tout code HTML.

Procédure

La syntaxe d'une commande iframe est simple :

<iframe name="AAAAA" src="lien de la page à insérer" width="NNN" height="NNN">**</iframe>
ou AAAAA sont des caractères alphanumériques pour le nom de l'iframe et NNN des nombres en pixels

Insertion dans un article
Le code ainsi produit pour afficher un iframe peut être entré de plusieurs façons :

• A l'aide d'un plugin spécifique comme celui proposé par JCE (nécessite une abonnement payant pour le télécharger)
• Directement dans le texte avec des balises spécifiques si un plugin permettant cela à été installé (voir Liens externes plus bas)
• Dans le source de l'article en passant par l'éditeur No Wysiwyg de Joomla ou en passant en mode HTML dans des éditeurs comme TinyMCE ou JCE.
• Dans le cas des éditeurs TinyMCE ou JCE, des précautions sont à prendre :
  • Les iFrames doivent être autorisés dans les paramètres comme suit :
    • JCE : Composants -> Profiles -> Default -> Plugins Parameters -> Media Support -> Allow IFrames mis à Yes -> Enregistrer & Fermer
    • TinyMCE : Extensions -> Gestion des plug-ins -> Éditeur - TinyMCE -> Paramètres de base -> supprimer iframe du champs Éléments prohibés -> Enregistrer & Fermer
  • Le paramètre de nettoyage du code HTML doit être désactivé comme suit :
    • JCE : Composants -> Global configuration -> Validate HTML à No -> Enregistrer & Fermer
    • TinyMCE : Extensions -> Gestion des plug-ins -> Éditeur - TinyMCE -> Paramètres de base -> Type d'encodage à Brut -> Enregistrer & Fermer

Liens externes

• extensions.joomla.org Sourcerer : permet l'inclusion de codes PHP, HTML, Javascript ou CSS dans le texte
• extensions.joomla.org Jumi : permet l'inclusion de codes PHP, HTML, Javascript ou CSS dans le texte
• extensions.joomla.org Freestyle Includes: Code : permet l'inclusion de codes PHP, HTML, Javascript ou CSS dans le texte

Commentaires

blog comments powered by Disqus