Çeşitli özelliklere kombine bir CSS niteliği / değeri bölmek PHP İşlev

2 Cevap php

Temelde, ben bunu istiyorum:

h2 {
    font: bold 36px/2em "Times New Roman"
}

Buna:

h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 2em;
    font-family: "Times New Roman"
}

Ve tabii ki diğer varyasyonları. Herkes ben kendim kod zorunda değilsiniz, bunu yapan bir fonksiyonun biliyor mu? :)

2 Cevap

Dayanarak bu CSS Shorthand for the Font Element :

CSS Yazı Steno Stili Guide

Ben aşağıdaki normal ifadede ile geldim:

font:(?:\s+(inherit|normal|italic|oblique))?(?:\s+(inherit|normal|small-caps))?(?:\s+(inherit|normal|bold(?:er)?|lighter|[1-9]00))?(?:\s+(\d+(?:%|px|em|pt)?|(?:x(?:x)?-)?(?:small|large)r?)|medium|inherit)(?:\/(\d+(?:%|px|em|pt)?|normal|inherit))?(?:\s+(inherit|default|.+?));?$

Bu küçük düzenli ifadeleri alınan:

$font['style'] = '(?:\s+(inherit|normal|italic|oblique))?';
$font['variant'] = '(?:\s+(inherit|normal|small-caps))?';
$font['weight'] = '(?:\s+(inherit|normal|bold(?:er)?|lighter|[1-9]00))?';
$font['size'] = '(?:\s+(\d+(?:%|px|em|pt)?|(?:x(?:x)?-)?(?:small|large)r?)|medium|inherit)';
$font['height'] = '(?:\/(\d+(?:%|px|em|pt)?|normal|inherit))?';
$font['family'] = '(?:\s+(inherit|default|.+?))';

Usage:

$regex = 'font:' . implode('', $font) . ';?$';    
$matches = array();
$shorthand = 'font: bold 36px/2em Arial, Verdana, "Times New Roman";';

if (preg_match('~' . $regex . '~i', $shorthand, $matches) > 0)
{
    echo '<pre>';    
    if (strlen($matches[1]) > 0) { // font-style is optional
        print_r('font-style: ' . $matches[1] . ';' . "\n");
    }

    if (strlen($matches[2]) > 0) { // font-variant is optional
        print_r('font-variant: ' . $matches[2] . ';' . "\n");
    }

    if (strlen($matches[3]) > 0) { // font-weight is optional
        print_r('font-weight: ' . $matches[3] . ';' . "\n");
    }

    print_r('font-size: ' . $matches[4] . ';' . "\n"); // required

    if (strlen($matches[5]) > 0) { // line-height is optional
        print_r('line-height: ' . $matches[5] . ';' . "\n");
    }

    print_r('font-family: ' . $matches[6] . ';' . "\n"); // required
    echo '</pre>';

    echo '<pre>';
    print_r($matches);
    echo '</pre>';
}

Output:

font-weight: bold;
font-size: 36px;
line-height: 2em;
font-family: Arial, Verdana, "Times New Roman";

Array
(
    [0] => font: bold 36px/2em Arial, Verdana, "Times New Roman";
    [1] => 
    [2] => 
    [3] => bold
    [4] => 36px
    [5] => 2em
    [6] => Arial, Verdana, "Times New Roman"
)

O xx-küçük (geçerli değil) gibi şeyler kabul beri bu çıkarma değil doğrulama içindir.

Ikinci kullanarak kullanılmayan beyanlarını "görmezden" daha zor olacağını, ancak genişletilmiş sürümü, preg_match() veya preg_replace() kullanabilir ya yapmak.

PHP böyle bir işlevi yoktur. Böyle bir işlev oluşturabilirsiniz - Her kestirme seçici için genişletmek isteyen [] styleRuleName => [{geçerli öznitelikler kümesi}] içeren bir harita ile başlamak istiyorum. Ben bu olsa kodu bir kabus biraz olmasını bulabilirsiniz düşünüyorum.

etiketler