iframes avec Joomla : Différence entre versions
De Vulgum Techus
(→Procédure) |
|||
| (7 révisions intermédiaires par un utilisateur sont masquées) | |||
| Ligne 1 : | Ligne 1 : | ||
| + | [[Catégorie:Joomla]] | ||
| + | '''[[Lien court]]''' vers cette page : http://vt.cx/ifJ | ||
| + | '''[[QR code]]''' vers cette page : http://vt.cx/ifJ.qr | ||
| + | <html> | ||
| + | <script type="text/javascript"><!-- | ||
| + | google_ad_client = "ca-pub-3341840374417340"; | ||
| + | /* VT2 */ | ||
| + | google_ad_slot = "6349432125"; | ||
| + | google_ad_width = 468; | ||
| + | google_ad_height = 60; | ||
| + | //--> | ||
| + | </script> | ||
| + | <script type="text/javascript" | ||
| + | src="//pagead2.googlesyndication.com/pagead/show_ads.js"> | ||
| + | </script> | ||
| + | </html> | ||
| + | |||
[[Versions Joomla]] : 2.5.8<br/> | [[Versions Joomla]] : 2.5.8<br/> | ||
[[Versions JCE]] : 2.3.1<br/> | [[Versions JCE]] : 2.3.1<br/> | ||
[[Versions TinyMCE]] : 3.5.4.1<br/> | [[Versions TinyMCE]] : 3.5.4.1<br/> | ||
| − | =Présentation= | + | = 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. | + | 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= | + | = Procédure = |
| − | La syntaxe d'une commande iframe est simple : | + | La syntaxe d'une commande '''iframe''' est simple : |
<iframe name="AAAAA" src="lien de la page à insérer" width="NNN" height="NNN">**</iframe> | <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 | ou AAAAA sont des caractères alphanumériques pour le nom de l'iframe et NNN des nombres en pixels | ||
'''Insertion dans un article'''<br/> | '''Insertion dans un article'''<br/> | ||
| − | 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 : |
| − | **Les iFrames doivent être autorisés dans les paramètres comme suit : | + | ** 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 | + | *** '''[[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 | + | *** '''[[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 | + | ** Le paramètre de '''nettoyage''' du code '''[[HTML]]''' doit être désactivé comme suit : |
| − | *** [[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 = | ||
| + | {{#widget:DISQUS | ||
| + | |id=vulgumtechus | ||
| + | }} | ||
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
