iframes avec Joomla : Différence entre versions
De Vulgum Techus
m (Admin2 a déplacé la page iFrames avec Joomla vers iframes avec Joomla) |
|||
| Ligne 30 : | Ligne 30 : | ||
Le code ainsi produit pour afficher un '''iframe''' peut être entré de plusieurs façons : | 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) | * 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é ( | + | * 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 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 : | * Dans le cas des éditeurs '''[[TinyMCE]]''' ou '''[[JCE]]''', des précautions sont à prendre : | ||
| Ligne 39 : | Ligne 39 : | ||
*** '''[[JCE]]''' : '''Composants''' -> '''Global configuration''' -> '''Validate HTML''' à '''No''' -> Enregistrer & Fermer | *** '''[[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 | *** '''[[TinyMCE]]''' : '''Extensions''' -> '''Gestion des plug-ins''' -> '''Éditeur - [[TinyMCE]]''' -> '''Paramètres de base''' -> '''Type d'encodage''' à '''Brut''' -> Enregistrer & Fermer | ||
| + | |||
| + | = Liens externes = | ||
| + | * [http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-content/5051 extensions.joomla.org] '''Sourcerer''' : permet l'inclusion de codes ''' [[ [[PHP]], [[HTML]], [[Javascript]]''' ou '''[[CSS]]''' dans le texte | ||
| + | * [http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-content/1023 extensions.joomla.org] '''Jumi''' : permet l'inclusion de codes ''' [[ [[PHP]], [[HTML]], [[Javascript]]''' ou '''[[CSS]]''' dans le texte | ||
| + | * [http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-content/25115 extensions.joomla.org] '''Freestyle Includes: Code''' : permet l'inclusion de codes ''' [[ [[PHP]], [[HTML]], [[Javascript]]''' ou '''[[CSS]]''' dans le texte | ||
= Commentaires = | = Commentaires = | ||
Version du 11 août 2014 à 13:49
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 :
- Le paramètre de nettoyage du code HTML doit être désactivé comme suit :
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
