iframes avec Joomla : Différence entre versions
De Vulgum Techus
m (Admin2 a déplacé la page iFrames avec Joomla vers iframes avec Joomla) |
|||
| (3 révisions intermédiaires par un utilisateur sont masquées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | '''[[Lien court]]''' vers cette page : http://vt.cx/ifJ | + | [[Catégorie:Joomla]] |
| − | '''[[QR code]]''' vers cette page : http://vt.cx/ifJ.qr | + | '''[[Lien court]]''' vers cette page : http://vt.cx/ifJ |
| − | + | '''[[QR code]]''' vers cette page : http://vt.cx/ifJ.qr | |
<html> | <html> | ||
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- | ||
| Ligne 12 : | Ligne 12 : | ||
</script> | </script> | ||
<script type="text/javascript" | <script type="text/javascript" | ||
| − | src=" | + | src="//pagead2.googlesyndication.com/pagead/show_ads.js"> |
</script> | </script> | ||
</html> | </html> | ||
| − | |||
[[Versions Joomla]] : 2.5.8<br/> | [[Versions Joomla]] : 2.5.8<br/> | ||
| Ligne 30 : | Ligne 29 : | ||
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 38 : | ||
*** '''[[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 actuelle en date du 4 août 2016 à 17:12
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
