Corriger du code css à la volée

**nicerico** · 16/05/2017, 10h19

Bonjour

je recherche une solution pour corriger du code css via une api ou un webservice

en effet j'ai des templates qui sont traitées avec un système de dynamic content
qui gère des tags délimité par {}
du coup si j'ai du css dans le code, les {} sont retirés par le système de dynamic content et le css n'est plus valide

(je n'ai pas accès aux sources qui gère le dynamic content)

Merci
Bonne journée

**badaze** · 16/05/2017, 20h57

Peux tu donner un exemple ?

**badaze** · 16/05/2017, 21h57

Eventuellement comme ça.

Code php :

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
 
<?php
$pattern = "/(<\s*style\s+type\s*=\s*\"text\/css\"\s*>.*?<\/\s*style\s*>)/msi";
// Chargement du fichier
$html = file_get_contents('test9255b.php');
preg_match_all($pattern,$html,$array);
$replacement = array();
foreach($array[0] as $key => $value) {
 // chaine peu proobable -> on peut mettre ce qu'on veut
 $replacement[$key] = "<!--h____________h_________i$key-->";
}
// on remplace par une chaine peu probable
$html = str_replace($array[0],$replacement,$html);
// ----> on fait ce qu'on veut sur le code
//print $html; // $html contient les données remplacées
// on fait le remplacement inverse
$html = str_replace($replacement,$array[0],$html);
print $html;

test9255b.php

Code html :

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
20
 
<!DOCTYPE html>
<html>
        <head>
  <style type="text/css">
  h3 {color:red}
  h4 {color:blue}
  </style>
 
  <style type="text/css">
  div {color:green}
  p {color:yellow}
  </style>
 
        </head>
 
        <body>
            <h2>Calcul</h2>
        </body>
</html>

Source test9255b.php

Nom : 20170516_003A.JPG
Affichages : 194
Taille : 25,8 Ko

Après le remplacement
Nom : 20170516_003B.JPG
Affichages : 183
Taille : 17,7 Ko

Après la remise à l'état initial
Nom : 20170516_003C.JPG
Affichages : 201
Taille : 24,9 Ko

**nicerico** · 17/05/2017, 09h09

Bonjour,

Merci pour votre réponse
je vous donne un exemple de code css invalide (car il manque les {}) qu'il faut retoucher :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style>
@media only screen and (max-width : 600px) 
table, tr, tbody, td
display : block;
width:100% !important;
.col
padding:10px 0 0 !important;
.col2
padding:0 0 10px !important;
.col3
padding:0 !important;
.boutons
width:90% !important;
</style>

**badaze** · 17/05/2017, 09h38

Salut.

A la vue de ce que tu as posté, il suffit que tu fasses un str_replace("<style>","<style> {",$chaine); et un autre avec str_replace("</style>","} </style>",$chaine);
$chaine contient le code html.

**nicerico** · 17/05/2017, 09h43

pas tout à fait
il faudrait après traitement obtenir :

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
20
<style>
@media only screen and (max-width : 600px) {
table, tr, tbody, td{
display : block;
width:100% !important;
}
.col{
padding:10px 0 0 !important;
}
.col2{
padding:0 0 10px !important;
}
.col3{
padding:0 !important;
}
.boutons{
width:90% !important;
}
}
</style>

c'est à dire remettre les { et } pour tous les styles
car sans elles le style n'est pas interprété

Corriger du code css à la volée

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager