remplacement d'une chaine avec une regex

Version imprimable

13/07/2013, 10h46
superkiller

remplacement d'une chaine avec une regex
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:

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
13/07/2013, 12h18
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:

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

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:

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 ...

15/07/2013, 11h16
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.