正则表达式在在线测试人员中工作正常，但在我的页面上不起作用

Question

So I am reading a css file, and I want to get some data out of it. I currently trimmed down the data purely to this:

font-family: "Verdana";
font-size: 14px;
color: #000000;

and to purely get the data I need (namely Verdana, 14 and #000000), I created the following PHP code:

foreach($tmp as $tmpstr){
        if(strpos($tmpstr, "font-family")){
            $tmpres = array();
            preg_match('/\"(.*?)\"/', $tmpstr, $tmpres);
            $returnData["website"]["font-family"] = $tmpres[1];
        } else if(strpos($tmpstr, "font-size")){
            $tmpres2 = array();
            preg_match_all('/\:\s(.*?)px\;/', $tmpstr, $tmpres2);
            $returnData["website"]["font-size"] = $tmpres2[1];
        } else if(strpos($tmpstr, "color")){
            $tmpres3 = array();
            preg_match_all('/color\:\s(.*?)\;/', $tmpstr, $tmpres3);
            $returnData["website"]["font-color"] = $tmpres3[1];
        }
    }

I know it is not optimized yet, but the reason for that is, is that it isn't working. The first expression '/\\"(.*?)\\"/' to get Verdana works fine, but the other two ( '/\\:\\s(.*?)px\\;/' to get the font size, /color\\:\\s(.*?)\\;/ to get the font color) don't, whereas testing them in an online tester does seem to work. Can anyone tell me what I am doing wrong?

Thanks!

Answer 1

Check this example

$tmp = array(
    'font-family: "Verdana";',
    'font-size: 14px;',
    'color: #000000;'
);

foreach($tmp as $tmpstr)
{
    if (false !== strpos($tmpstr, "font-family"))
    {
        preg_match('/:[ ]*"(.*)"/', $tmpstr, $tmpres);
        echo $tmpres[1];
    } 
    else if (false !== strpos($tmpstr, "font-size"))
    {
        preg_match('/:[ ]*(\d*)px/', $tmpstr, $tmpres2);
        echo $tmpres2[1];
    } 
    else if (false !== strpos($tmpstr, "color"))
    {
        preg_match('/:[ ]*(.*);/', $tmpstr, $tmpres3);
        echo $tmpres3[1];
    }

    echo '<br />';
}

Result:

Verdana
14
#000000

Hope this solution help!

Answer 2

Try this:

$css = 'font-family: "Verdana";
font-size: 14px;
color: #000000;'


preg_match_all('(?P<key>.+?)\:\s*(?P<value>.+?)\;', $css, $result, PREG_SET_ORDER);

Outputs:

Array
(
    [0] => Array
        (
            [0] => font-family: "Verdana";
            [key] => font-family
            [1] => font-family
            [value] => "Verdana"
            [2] => "Verdana"
        )

    [1] => Array
        (
            [0] => font-size: 14px;
            [key] => font-size
            [1] => font-size
            [value] => 14px
            [2] => 14px
        )

    [2] => Array
        (
            [0] => color: #000000;
            [key] => color
            [1] => color
            [value] => #000000
            [2] => #000000
        )

)

Then it should be a trivial matter of doing a foreach loop to clean up the output:

$data = array()
foreach($result as $r){
  $data[$r['key']] = $r['value'];
}

Outputs:

array
(
     [font-family] => "Verdana",
     [font-size] => 14px,
     [color] => #000000
)

As a side note you could extend this for the whole file:

/(?P<selectors>.*?)\s*\{|(?P<key>.+?)\:\s*(?P<value>.+?)\;/



 #id, and some class
    {
    font-family: "Verdana";
    font-size: 14px;
    color: #000000;
    }

   #id2, and some class1
    { ..... and so on.

Outputs:

array
(
    [0] => Array
        (
            [0] => #id, and some class
{
            [selectors] => #id, and some class ///you may want to post process this and split on comma etc.
            [1] => #id, and some class
        )



       [1] => Array
            (
                [0] => font-family: "Verdana";
                [selectors] => 
                [1] => 
                [key] => font-family
                [2] => font-family
                [value] => "Verdana"
                [3] => "Verdana"
            )

        [2] => Array
            (
                [0] => font-size: 14px;
                [selectors] => 
                [1] => 
                [key] => font-size
                [2] => font-size
                [value] => 14px
                [3] => 14px
            )

        [3] => Array
            (
                [0] => color: #000000;
                [selectors] => 
                [1] => 
                [key] => color
                [2] => color
                [value] => #000000
                [3] => #000000
             )
         [4] => Array
            (
                [0] => #id2, and some class1
    {
                [selectors] => #id2, and some class1
                [1] => #id2, and some class1
            ) .....

update, sorry you'll want to check if empty ( previously i had isset ) as I see that $r['selectors'] is set in each of them. Then you can sub array each style block by its selector, and parse to your hart's content. You get the idea, but if you need help with that bit just ask ( it may be better to remove the PRET_SET_ORDER in that case ) ...

this would be my suggested end structure for a css file..

array(
selector => array( color => 'bla', font => blabla )
selector2 => array( ..... 
)

I think preg_match_all doesn't get the attention it needs, it can be really useful for this kind of thing, if your not familiar with it check it out at the php doc http://www.php.net/manual/en/function.preg-match-all.php