comment remplacer url dans CSS en utilisant regexp (javascript)

Question

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 

résultat

#anything { 
    behavior:url("#"); 
} 

#anything { 
    background:transparent url('#') no-repeat; 
} 

#anything { 
    background-image:url('#'); 
} 

Comment puis-je faire?

Answer 1

Remplacez # ci-dessous par $2 si vous souhaitez obtenir l'URL avec des guillemets simples.

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 
text = text.replace(/url\((['"])(.+?)\1\)/g, "url('#')"); 

Answer 2

Exemple:http://jsfiddle.net/GcsLQ/2/

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 


text = text.replace(/url\([^)]+\)/g, 'url("#")'); 

Si vous voulez que le formatage de l'espace ainsi, faites ceci:

Exemple:http://jsfiddle.net/GcsLQ/3/

var text = '#anything {behavior:url("csshover.htc");}'; //iam using " with url 
text += "#anything {background:transparent url('img.png') no-repeat;}"; //iam using ' with url 
text += "#anything {background-image:url('ok.jpg');}"; 


text = text.replace(/url\([^)]+\)/g, 'url("#")') 
    .replace(/{/g,'{\n\t') 
    .replace(/}/g,'\n}\n'); 

EDIT: citations Ajouté à l'URL remplacée

Answer 3

Pour d'autres qui viennent ici à la recherche d'une solution générale qui préserve les espaces blancs et citations:

//Test data 
var css = 'one url(two) url(\'three\') url("four") url ( five )'; 

css = css.replace(

    // Regex 
    /(url\W*\(\W*['"]?\W*)(.*?)(\W*['"]?\W*\))/g, 

    // Replacement string 
    '$1*$2*$3' 

); 

console.log(css); 

sorties

one url(*two*) url('*three*') url("*four*") url ( *five* )