Php Regex для замены URL в файле CSS

Question

Php Regex для замены URL в файле CSS

0

Я сжимаю несколько файлов CSS в одном и перемещая новый сгенерированный файл css в собственную папку. Этот ход испортит изображения, пути @import и fonts.

Может кто-то взглянуть на это и посмотреть, сможете ли вы исправить путь для следующего.

$content ='
    @import url(comments.css);<br />
    @import url(../comments.css);<br />
    @import url(../../comments.css);<br />
    background:url(http://example.com/test.jpg);<br />
    background:url("http://example.com/test.jpg");<br />
    background:url( "//example.com/test.jpg" );<br />
    background:url(//example.com/test.jpg);<br />
    background:url(test.jpg);<br />
    background:url(images/test.jpg);<br />
    background:url(../images/test.jpg);<br />
    background:url(../../images/test.jpg);<br />
    background:url(../../../images/test.jpg);<br />
    background:url(../../../images/test.jpg);<br />
  ';

$content .="
    background:url('http://example.com/test.jpg');<br />
    background:url('../images/test.jpg'  );<br />
";

$path = 'http://www.some.com/cached';
$re = "/url\\(\\s*[\\'\"]?\\/?(.+?)[\\'\"]?\\s*\\)/i"; 
$content = preg_replace($re, 'url('.$path.'/$1)', $content);

echo $content ;

Пример http://sandbox.onlinephpfunctions.com/code/20668872e49ea96b57964a9ee7176a5bbd796a5c

Желательным результатом будет

@import url(http://www.some.com/cached/comments.css);
@import url(http://www.some.com/cached/comments.css);
@import url(http://www.some.com/cached/comments.css);
background:url(http://example.com/test.jpg);
background:url(http://example.com/test.jpg);
background:url(//example.com/test.jpg);
background:url(//example.com/test.jpg);
background:url(http://www.some.com/cached/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://example.com/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);

Любая помощь приветствуется.

Benn 19 нояб. 2014, в 00:19

Источник

0

так как это одна работа, я бы сделал это вручную
user557846 18 нояб. 2014, в 23:05
0

@ Дагон, что заставляет вас думать, что это одна работа? Я сказал, что использую несколько файлов и не могу пройти через каждый, чтобы внести изменения для импорта, изображений или шрифтов.
Benn 18 нояб. 2014, в 23:10
0

@ Дагон, что с тобой? Я привел пример, чтобы каждый мог проверить. Если вы не хотите помогать, не комментируйте
Benn 18 нояб. 2014, в 23:20
1

если вы не хотите оставлять комментарии, не публикуйте их на общедоступном форуме. Вы действительно хотите обрабатывать файл при каждой загрузке страницы, просто чтобы изменить URL-адреса, а не менять их только один раз?
user557846 18 нояб. 2014, в 23:23
0

@Dagon, вам действительно нужно прочитать, прежде чем комментировать, чем мой вопрос отличается от всех тех, которые хотят, чтобы URL-адреса CSS изменялись через php? И кто сказал, что я буду обрабатывать файл при каждой загрузке страницы? Я ищу регулярное выражение, чтобы делать то, что мне нужно. Файл кэшируется и используется, если он там есть, но это даже не вопрос. Поэтому я не вижу никакой причины для вас размышлять о вещах, о которых я даже не спрашивал. Вниз голосование за мой вопрос только потому, что вы думаете, что я должен сделать что-то, о чем я не спрашивал, просто по-детски.
Benn 18 нояб. 2014, в 23:28
0

Как насчет использования абсолютных путей? Это сделало бы жизнь намного проще.
Ja͢ck 19 нояб. 2014, в 01:34
0

Вы уверены, что хотите использовать главную косую черту в /http://example.com/test.jpg ?
Toto 19 нояб. 2014, в 08:14

Показать ещё 5 комментариев

Теги:

php

regex

preg-replace

2 ответа

2

Ну Дагон думает впереди, а ОП просто хочет сделать то, что было задано, поэтому я понимаю обе точки. Если OP знает, чего они хотят, и считаю, что это лучшее решение, я приспособился, хотя Дагон делает правильные баллы.

Нижеследующее должно работать для вас, но не может учитывать все искажения. Я бы удалил строки example.com чтобы упростить обработку и не учитывать каждую возможность с одним регулярным выражением, но это я:

$content ='
    @import url(comments.css);<br />
    @import url(../comments.css);<br />
    @import url(../../comments.css);<br />
    background:url(http://example.com/test.jpg);<br />
    background:url("http://example.com/test.jpg");<br />
    background:url( "//example.com/test.jpg" );<br />
    background:url(//example.com/test.jpg);<br />
    background:url(test.jpg);<br />
    background:url(images/test.jpg);<br />
    background:url(../images/test.jpg);<br />
    background:url(../../images/test.jpg);<br />
    background:url(../../../images/test.jpg);<br />
    background:url(../../../images/test.jpg);<br />
  ';

$content .="
    background:url('http://example.com/test.jpg');<br />
    background:url('../images/test.jpg'  );<br />
";

// contains example.com stuff
$matches1 = preg_replace($r1, '', $content);
// contains everything that does not contain example.com
$matches2 = preg_replace($r2, '', $content);

// replace relative paths
$output = preg_replace('~\((?:[./\s\'"]+|)~', '(http://www.some.com/cached/', $matches2);
// replace example.com stuff
$output .= preg_replace('~(?<!http:)//~', 'http://', $matches1);

print_r($output,false);

Выводит следующие

@import url(http://www.some.com/cached/comments.css);
@import url(http://www.some.com/cached/comments.css);
@import url(http://www.some.com/cached/comments.css);
background:url(http://www.some.com/cached/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg);
background:url(http://www.some.com/cached/images/test.jpg' );
background:url(http://example.com/test.jpg);
background:url("http://example.com/test.jpg");
background:url( "http://example.com/test.jpg" );
background:url(http://example.com/test.jpg);
background:url('http://example.com/test.jpg');

gwillie 18 нояб. 2014, в 23:57

Ещё вопросы

так как это одна работа, я бы сделал это вручную
@ Дагон, что заставляет вас думать, что это одна работа? Я сказал, что использую несколько файлов и не могу пройти через каждый, чтобы внести изменения для импорта, изображений или шрифтов.
@ Дагон, что с тобой? Я привел пример, чтобы каждый мог проверить. Если вы не хотите помогать, не комментируйте
если вы не хотите оставлять комментарии, не публикуйте их на общедоступном форуме. Вы действительно хотите обрабатывать файл при каждой загрузке страницы, просто чтобы изменить URL-адреса, а не менять их только один раз?
@Dagon, вам действительно нужно прочитать, прежде чем комментировать, чем мой вопрос отличается от всех тех, которые хотят, чтобы URL-адреса CSS изменялись через php? И кто сказал, что я буду обрабатывать файл при каждой загрузке страницы? Я ищу регулярное выражение, чтобы делать то, что мне нужно. Файл кэшируется и используется, если он там есть, но это даже не вопрос. Поэтому я не вижу никакой причины для вас размышлять о вещах, о которых я даже не спрашивал. Вниз голосование за мой вопрос только потому, что вы думаете, что я должен сделать что-то, о чем я не спрашивал, просто по-детски.
Как насчет использования абсолютных путей? Это сделало бы жизнь намного проще.
Вы уверены, что хотите использовать главную косую черту в /http://example.com/test.jpg ?

TheNatureBoy · Accepted Answer · 2014-11-19T00-06-00.000Z

Это делает все, что вы хотели.

<?php
    // The content (heredoc syntax is cleaner when dealing with large strings)
    $content = <<<EOT
@import url(comments.css);<br />
@import url(../comments.css);<br />
@import url(../../comments.css);<br />
background:url(http://example.com/test.jpg);<br />
background:url("http://example.com/test.jpg");<br />
background:url( "//example.com/test.jpg" );<br />
background:url(//example.com/test.jpg);<br />
background:url(test.jpg);<br />
background:url(images/test.jpg);<br />
background:url(../images/test.jpg);<br />
background:url(../../images/test.jpg);<br />
background:url(../../../images/test.jpg);<br />
background:url(../../../images/test.jpg);<br />'
background:url('http://example.com/test.jpg');<br />
background:url('../images/test.jpg'  );<br />
EOT;

    // Set path
    $path = 'http://www.some.com/cached/';

    // Clear out the line breaks
    $content = str_replace('<br />', '', $content);

    // Clear out bogus whitespace
    $content = preg_replace('/\(\s+/', '(', $content);
    $content = preg_replace('/\s+\)/', ')', $content);

    // Clear out quotes
    $content = preg_replace('/(?:\'|\")/', '', $content);

    // Replaces repeating ../ patterns
    $content = preg_replace('/(?:\.\.\/)+(.*?\))/', $path.'$1', $content);

    // Prepend the path to lines that do not have a "//" anywhere
    $content = preg_replace('/(url\((?!.*\/\/))/i', '$1'.$path, $content);

    echo $content;

Я исправил эти 2 строки от желаемого результата:

background:url(/http://example.com/test.jpg);
background:url(/http://example.com/test.jpg);

спасибо за построчное объяснение. делает гораздо больше, чем я просил.
Ваш код потрясающий, хотя одна проблема. У меня есть несколько других CSS с этим, и он берет цитаты из всех других свойств CSS. Есть ли вообще цитаты только из URL?