rtli css填充rtl正则表达式 - RTLIT css padding rtl regular expression

RTLIT css padding rtl regular expression

本文关键字：正则表达式 rtl 填充 css rtli | 更新日期: 2023-09-27

RTLIT ruby工具用于在css文件中从LTR切换到RTL，但它也不改变填充，从左到右的边距，例如:

https://github.com/zohararad/rtlit/blob/master/lib/rtlit/converter.rb

padding: 1px 2px;
padding: 0 2px 4px;
padding: 1px 0 3px 4px;
padding: 1px 2px 0 4px;
padding: 1px 2px 3px 0;

需要将此值更改为:

padding: 1px 2px;
padding: 0 0 4px 2px;
padding: 1px 4px 3px 0;
padding: 1px 4px 0 2px;
padding: 1px 0 3px 2px;

我们总是需要将第二个值与第四个值交换如果它们只有3，则将第二个值切换到第四个值并将第二个值设置为0

如果只有2个值，则保持不变。

我需要ruby或php中的正则表达式

在php中试试:

$result = preg_replace ('~'b(?:padding|margin)'b'h*:'h*'K(-?'d+[a-z%]*)'h+(-?'d+[a-z%]*)'h+(-?'d+[a-z%]*)'h+(-?'d+[a-z%]*)'h*(?=;)~i', '$1 $4 $3 $2', $string);

与ruby:

my_result = my_str.sub( %r{(?i)'b(padding|margin)'b *: *(-?'d+[a-z%]*) +(-?'d+[a-z%]*) +(-?'d+[a-z%]*) +(-?'d+[a-z%]*) *(?=;)}, '$1: $2 $5 $4 $3')

我想到了这个。它有点啰嗦，但是，它完成了工作。

function rtlPadding($string)
{
    if (preg_match_all('~([0-9]+(px|%)?)~i', $string, $matches))
    {
        $c = count($matches['1']);
        $p = $matches['1'];
        if ($c == 4)
            $order = implode(' ', array($p['0'], $p['3'], $p['2'], $p['1']));
        else if ($c == 3)
            $order = implode(' ', array($p['0'], 0, $p['2'], $p['1']));
        else
            $order = implode(' ', $p);
        return 'padding: ' . $order . ';';
    }
    return false;
}

我测试了它，它似乎工作得很好，至少与你给的数据。

$paddings = array(
    'padding: 1px 2px;' => 'padding: 1px 2px;',
    'padding: 0 2px 4px;' => 'padding: 0 0 4px 2px;',
    'padding: 1px 0 3px 4px;' => 'padding: 1px 4px 3px 0;',
    'padding: 1px 2px 0 4px;' => 'padding: 1px 4px 0 2px;',
    'padding: 1px 2px 3px 0;' => 'padding: 1px 0 3px 2px;'
);
foreach ($paddings as $given => $expected)
{
    $return = rtlPadding($given);
    if ($return === $expected)
        echo 'Everything OK!' . PHP_EOL;
    else
        echo 'Error! Expected ' . $expected . ' Got ' . $return . PHP_EOL;
}
// Output: Everything Ok, 5 times :D