Qual regex para coincidir com todas as ocorrências de urls css?

Question

Oct 22, 2013, 02:37 PM

Qual regex para coincidir com todas as ocorrências de urls css?

Eu tenho um arquivo css com um monte de URLs de imagem de fundo:

.alert-01 {
  background: url('img/alert-01.jpg') center no-repeat;
}
.alert-02 {
  background: url('img/alert-02.jpg') center no-repeat;
}
.alert-03 {
  background: url('img/alert-03.jpg') center no-repeat;
}
.alert-04 {
  background: url('img/alert-04.jpg') center no-repeat;
}

E gostaria de escrever um regex que eliminasse as URLs.

Então, inicialmente eu iria ficar:

url('img/alert-01.jpg')
url('img/alert-02.jpg')
url('img/alert-03.jpg')
url('img/alert-04.jpg')

Que eu poderia então substituir bits para transformá-los em html<img> blocos.

Eu estou bem com o último bit, mas minhas habilidades de regex estão um pouco enferrujadas.

Minha última tentativa foi esta:/^url$.*?g$$/ig

Qualquer ajuda?

BTW eu estava fazendo isso tudo em javascript, mas a linguagem não deve afetar o regex realmente.

Desde já, obrigado!

Além disso, só para notar, eu não posso garantir que os arquivos serão sempre jpg e podem ser jpeg, png etc. Além disso, os argumentos em background serão sempre os mesmos. Daí porque eu quero extrair apenas a parte do URL.