Changeset 102888 in spip-zone for _plugins_/foundation_6/trunk

Timestamp:

Feb 16, 2017, 4:48:54 PM (2 years ago)

Author:

p@…

Message:

Remplacer l'expression régulière par DOMDocument

L'expression régulière étant peu fiable, on sort la grosse artillerie et on
parse comme il faut le HTML.

File:

• _plugins_/foundation_6/trunk/foundation_6_fonctions.php (modified) (1 diff)

_plugins_/foundation_6/trunk/foundation_6_fonctions.php

@@ -24 +24 @@
  */
 function filtre_responsive_embed_dist($texte) {
-        include_spip('inc/foundation');
-        // On détecte toute les iFrames et on les rends responsives.
-        return preg_replace_callback('%<iframe(.+)></iframe>%s', 'responsive', $texte);
+
+        if (!empty($texte)) {
+                $dom = new DomDocument;
+
+                // Charger le texte de l'article dans DOMDocument
+                $dom->LoadHTML($texte, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD | LIBXML_NOENT);
+
+                // Récupérer les iframes du document
+                $iframes = $dom->getElementsByTagName('iframe');
+
+                // Créer la div qui contiendra l'iframe et lui ajouter les class
+                // foundation
+                $div = $dom->createElement('div');
+                $div->setAttribute('class', 'responsive-embed flex-video');
+
+                // On boucle sur toutes les iframes
+                foreach ($iframes as $iframe) {
+                        // Faire une copie de la div responsive
+                        $div_clone = $div->cloneNode();
+
+                        // Récupérer la largeur et la hauteur définie dans l'iFrame
+                        $height = $iframe->getAttribute('height');
+                        $width = $iframe->getAttribute('width');
+
+                        // Définir s'il faut ajouter la class widescreen ou non
+                        if ($height and $width) {
+                                $ratio = intval($width)/intval($height);
+                                $ratio_4_3 = 4/3;
+
+                                if ($ratio > $ratio_4_3) {
+                                        $div_clone->setAttribute('class', 'responsive-embed flex-video widescreen');
+                                }
+                        }
+
+                        // Injecter la div à la place de l'iframe
+                        $iframe->parentNode->replaceChild($div_clone, $iframe);
+                        // Injecter l'iframe dans le div
+                        $div_clone->appendChild($iframe);
+                }
+
+                return $dom->saveHTML();
+        }
+
+        return $texte;
 }