html - 正規表現 検索 置換 Dreamweaver

Question

これらのケースを実行する正規表現を取得しようとしています:

ケース 1:

background: -webkit-linear-gradient(top, #RANDOM_COLOR, #RANDOM_COLOR);

と

background: -ms-linear-gradient(top, #RANDOM_COLOR, #RANDOM_COLOR); 
background: -webkit-linear-gradient(top, #RANDOM_COLOR, #RANDOM_COLOR);

ケース 2

box-shadow: RANDOM_TEXT;

と

-webkit-box-shadow: RANDOM_TEXT;
box-shadow: RANDOM_TEXT;

次に、Dreamweaver の Control+F 機能を利用して、正規表現を使用してテキストを置き換えたいだけです。

ありがとうございました

Answer 1

Dreamweaver は Javascript Regex フレーバーを使用しています。

検索 1:

([ \t]*)(background:\s*-webkit-linear-gradient\(top\s*,\s*(#[a-fA-F0-9]{3,6})\s*,\s*(#[a-fA-F0-9]{3,6})\s*\)\s*;)
// assuming these are hexadecimal colors like you indicated with #

置換 1:

$1background: -ms-linear-gradient(top, $3, $4); 
$1$2

検索 2:

([ \t]*)(box-shadow:\s*([^;]+)\s*;)

置換 2:

$1-webkit-box-shadow: $3;
$1$2

---

最初の検索パターンの説明:

すべての空白文字\sはオプションです (おかげで*)。また、リテラルの括弧がエスケープされました。置き換えで、、$1など$2は を示します[capturingGroup n]。

(                          # capturing group #1
    [ \t]*                 # 0 or more spaces and/or tabs (could be any number of both)
)
(                          # capturing group #2

    background:\s*-webkit-linear-gradient\(top\s*,\s*
    (                      # capturing group #3
        #[a-fA-F0-9]{3,6}  # a number sign and a string with 3 or 6 digits that's made of a-zA-Z0-9 (aka. hexadecimal characters)
    )
    \s*,\s*
    (                      # capturing group #4
        #[a-fA-F0-9]{3,6}
    )
    \s*\)\s*;
)

Answer 2

正規表現の理由がわかりません。

検索できない理由:

background: -webkit-linear-gradient(top, #BBB, #999);

これを次のように置き換えます。

background: -ms-linear-gradient(top, #BBB, #999);background: -webkit-linear-gradient(top, #BBB, #999);

同じことが影にも当てはまります...

Answer 3

「マッチケース」を作成して、「すべて置換」/「置換」を次のように使用しないでください。

ケース 1:

"探す"

  background: -webkit-linear-gradient(top, #BBB, #999);

"交換"

  background: -ms-linear-gradient(top, #BBB, #999);    
  background: -webkit-linear-gradient(top, #BBB, #999);