Discussion :

[superkiller]

Bonjour,

J'ai un problème concernant la construction d'une regex .
Ma chaîne complète étant du code html, dans ce code se trouve des balise img qui contiennent un style avec la dimension de l'image .

Mon problème étant que les dimension width et height ne se termine pas par "px".

Voici un exemple plus parlant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<P STYLE="text-align:Justify;font-size:11;">
  <IMG src="http://www.wiki-plantes.fr/images/banniere.jpg"
  STYLE="width:454;height:129.068868353914;font-size:11;" />
</P>

Je souhaiterai à l'aide d'une regex,ou autres, ajouter "px" aux dimensions de mon image.

merci

Kévin

[Lutarez]

Bonjour,

Si ton but est de manipuler du HTML, je te conseille d'utiliser le Html Agility Pack, qui sera non seulement plus facile à mettre en œuvre mais aussi plus performant.

En utilisant les RegEx, tu devrais pouvoir utiliser quelque chose dans le genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
RegEx regEx = new RegEx(@"width:(\d{*})");
string result = regEx.Replace(codeHtml, @"width:\1px");

[chrismonoye]

Bonsoir,
j'utiliserais les deux.
HtmlAgilityPack pour naviguer dans le HTML pour atteindre la valeur de l'attribut "STYLE" des "IMG" et ensuite pour la réimporter une fois modifiée.
Entre, utiliser une Regex pour modifier cette valeur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
            HtmlAgilityPack.HtmlDocument doc = new HtmlAgilityPack.HtmlDocument();
            doc.Load(pathFileToLoad);
            HtmlNodeCollection images = doc.DocumentNode.SelectNodes("//img");
            if (images != null)
            {
                foreach (HtmlNode image in images)
                {
                    string stylImg = image.GetAttributeValue("style", "");
                    if (!string.IsNullOrEmpty(stylImg))
                    {
                        stylImg = Regex.Replace(stylImg, "(width:\\d+\\.?\\d*)", "$1px");
                        stylImg = Regex.Replace(stylImg, "(height:\\d+\\.?\\d*)", "$1px");
                        image.SetAttributeValue("style", stylImg);
                    }
 
                }
            }
 
            doc.Save(pathFileToSave);

A voir ...

[ctxnop]

Il vaut mieux effectivement utiliser un parser HTML pour sélectionner le bon attribut de la bonne balise puis y appliquer l'expression rationnelle.

Cependant, si tu veux faire sans et n'utiliser qu'une expression rationnelle, celle de Lutarez n'est pas suffisante. Elle remplacerait toute occurrence de "width: xxx", peut importe si on est bien dans une image ou non.

Une plus exacte serait "(?<=<img\\s+[^>]*)(?<=style=\"[^\"]*)(?<p>width|height)\\s*:\\s*(?<v>[0-9.]+)(?=\\s|;|\")"
L'expression de remplacement : ${p}:${v}px

Elle ne remplace que les width et height contenus dans l'attribut "style" d'une balise "img" et dont l'unité n'est pas spécifiée.
Si tu as "width:729em", ça ne remplacera pas par "width:729pxem".

Attention, ce n'est pas parce qu'elle est plus précise qu'elle est sans défaut et qu'elle fonctionnera dans tous les cas possibles.