iframes avec Joomla : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
m (Admin2 a déplacé la page IFrames avec Joomla vers iFrames avec Joomla)
Ligne 1 : Ligne 1 :
 +
'''[[Lien court]]''' vers cette page : http://vt.cx/iFJ<br/>
 +
'''[[QR code]]''' vers cette page : http://vt.cx/iFJ.qr<br/>
 +
<br/>
 +
<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="http://pagead2.googlesyndication.com/pagead/show_ads.js">
 +
</script>
 +
</html>
 +
<br/>
 +
 
[[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.
  
Ligne 21 : 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
 +
 +
= Commentaires =
 +
{{#widget:DISQUS
 +
|id=vulgumtechus
 +
}}

Version du 11 août 2014 à 13:25

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é (comme l'excellent plugin iframe de Nguyen Hoang Viet)
  • 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

Commentaires

blog comments powered by Disqus