「Dreamweaver CS3」 … エスケープを利用した正規表現置換

DreamweaverDreamweaver CS3

 状態:-  閲覧数:2,920  投稿日:2013-03-09  更新日:2013-03-09

Googleアナリティクス トラッキングコード を一括削除したい



修正前
<a href="../../../../goods/072770.html" onclick="_gaq.push(['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/072770']);">

修正後
<a href="../../../../goods/072770.html">


エスケープを利用した正規表現

 閲覧数:692 投稿日:2013-03-09 更新日:2013-03-09

すべて置換



検索
 onclick="_gaq.push\(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]\);"

置換

・「正規表現を使用」にチェックを入れた後、「すべて置換」クリックで実行


ポイント


・エスケープ「\」4箇所
(
)
[
]


成功するまでの道のり

 閲覧数:774 投稿日:2013-03-09 更新日:2013-03-09

成功するまで


・1時間近くかかった
・[Dreamweaver CS3」だと無限ループになることもあるため、注意が必要
注意事項
・いつ落ちてもいいように、作業中のデータを保存してから、検索テストを開始した方が良い
・一旦無限ループに陥ったら、「Dreamweaver」を正常終了させることが出来なくなるので、「Ctrl+Alt+Del」でタスクマネージャを起動し、そこから終了させる
・どうしてもうまくいかない時は、まず初めに「小さな範囲の検索」を成功させ、徐々に範囲を広げていくやり方が有効だと思われ
・最終手段は2段階置換。これが結局は、一番早いような気もする(今回は意地になって一括置換したけど)
・なお、置換すると戻せなくなることもあるので、事前検索を実施し、正規表現が適切か、必ず確認しておく(検索範囲は赤い矢印で表示される)


検索テスト履歴



最終的に削除したい対象
 onClick="_gaq.push(['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/072770']);"


動的変更部分を正規表現に置き換え
・しかし、これだけではうまくいかない
 onClick="_gaq.push(['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)']);"


1.最小構成で確認
・成功
'_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)


2.両端に[]を追加
・失敗。無限ループに陥る
['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)']


3.[]をエスケープ
・成功
\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]


4.両端に()を追加
・失敗。エラーにはならないが、取得範囲は()の中だけ(赤矢印で確認可能)
(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\])


5.()をエスケープ
・成功
\(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]\)


6.左端に文字列追加
・成功
_gaq.push\(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]\);


7.左端に"追加
・成功
"_gaq.push\(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]\);"


8.左端に文字列追加
・成功
onclickk="_gaq.push\(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]\);"


8.左端に半角スペース追加
・成功(赤矢印で確認)
 onclick="_gaq.push\(\['_trackEvent', 'Fe_Wknit', 'Fe_knit', 'http://design.google.com/goods/(.+)'\]\);"


onclick="_gaq.push(['_track 以下を全削除したい

 閲覧数:726 投稿日:2013-03-21 更新日:2013-03-23


削除対象
・onclick="_gaq.push(['_track 以下を全削除
 onclick="_gaq.push(['_trackEvent', 'Design0', 'Illustrator', 'http://design0.e1blue.ne']);"

正規表現
 onClick="_gaq.push\(\['_track(.+)'\]\);"


・上記だとモレがあることに気が付く
・理由不明

修正正規表現案1
・onclick="_gaq.push('_trackEvent', ' 以下を全削除
 onclick="_gaq.push\(\['_trackEvent', '(.+)'\]\);"


修正正規表現案2
・onclick="_gaq.push(' 以下を全削除
 onclick="_gaq.push\(\['(.+)'\]\);"


※実際に利用する際は、先頭半角スペースを手動付与

複数行(改行を含む)の正規表現

 閲覧数:763 投稿日:2013-03-26 更新日:2013-03-26

複数行対応


([\s\S]*?)



利用例


・utilityクラスを付与したulタグを削除
<ul class="utility clearfix">([\s\S]*?)</ul>


正規表現 2つのキャプチャ

 閲覧数:599 投稿日:2013-04-07 更新日:2013-04-07

処理対象


<li><a rel="http://design0.w4c.work/images/jp/pc/02.jpg" href="../../../../15.html"><img src="../../../../../../../images/jp/pc/02.jpg" alt=""></a></li>


検索
<a rel="http://design0.w4c.work/images/(.+)"><img src="(.+)"></a>

置換
<img src="$2">



処理対象


<!--a rel="http://design0.w4c.work/images/jp/pc/03.jpg" href="../../../../03"--><img src="../../../../../../../images/jp/pc/img/03.jpg" alt=""><!--/a-->


検索
<!--a rel="http://design0.w4c.work/images/(.+)--><img src="(.+)"><!--/a-->

置換
<img src="$2">





類似度ページランキング
順位 ページタイトル抜粋
1 「Dreamweaver CS3」 … エスケープを利用した正規表現置換 83
2 ページで使用されている「id名」「class名」をChromeで取得したい   35
3 「Chrome拡張機能」開発中に遭遇したエラー 34
4 SVG線を徐々に描画していくためには、@keyframes を利用 32
5 「SRWare Iron」を検討 31
6 アイコンを「Font Awesome」から変更。→「自分で探したSVG」を「自分のserver」へアップロード 31
7 Chrome コンソール画面で CSSの:hover 適用スタイルを確認 31
8 CSS3-mediaqueries.jsは、@ importスタイルシートに記述した内容を反映しない 30
9 「Webページへのリンク」をクリックした際、Chrome起動オプションを適用させるには、レジストリを書き換えるしかない 29
10 「Fireworks CS3」は「SVG」 出力不可 29
11 マウスオーバーで「リンク画像」拡大表示をCSSで実装 29
12 ページ内リンクの位置を微調整するためには、Negative margin を使用する 28
13 Dreamweaverで、「サイトを管理」登録しているサイトの、デフォルトの「ファイル」 - 「開く」 - パス設定 28
14 「秀丸」 VS 「Crescent Eve」 28
15 Chromeでmhtml保存を選択できなくなったので、拡張機能「Save Page State」を導入 28
16 「Create Link」復活 27
17 「Chrome 拡張機能」一覧 27
18 rssページが正しく表示されない/Google Chrome 27
19 Photoshop CS3 「全てのメニュー項目を表示する」 27
20 HTML5でiframeスクロールバーを表示しない方法が不明 27
2024/11/23 6:00 更新
週間人気ページランキング / 11-16 → 11-22
順位 ページタイトル抜粋 アクセス数
1 鉄道会社毎のカラーコード | カラーコード(色) 12
2 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 10
3 Design 0 8
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 8
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 6
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
5 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 5
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 4
7 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 3
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 3
7 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 3
7 個人的によく見返すエントリーへのLinkなど | その他 3
7 RGB ⇔ Lab | 色変換(色) 3
7 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
7 色モデルイメージ図 | 色変換(色) 3
8 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
8 ICCプロファイル | カラーマネージメント(色) 2
8 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
8 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 2
8 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 2
2024/11/23 1:01 更新