www.wanichan.com

複数のページ内の HTML タグを検索および置換するには

Section 2 コードの編集
最終更新日時:2020/07/20 08:02:47
  • このエントリーをはてなブックマークに追加
あらかじめ対象となる複数のページを選択して、[検索と置換]ダイアログボックスの[HTMLタグ]タブを開き、[検索オプション]の[検索対象]では[選択したページ]を選択します。[検索するタグ]ボックスに、検索したいタグを一覧から選択し、置換する場合は[置換の処理]から処理を選択します。

選択したページ内のHTMLタグを検索する

  1. 検索したいWebページを[フォルダーリスト]パネルから選択します。Shiftキーを押しながらクリックで連続したファイル、Ctrlキーを押しながらクリックで連続しないファイルを選択できます。
  2. [編集]メニューの[検索]をクリックします。
  3. [検索と置換]ダイアログボックスの[HTMLタグ]タブを開きます。
  4. [検索するタグ]ボックスに、検索したいタグを一覧から選択します。
  5. [検索オプション]の[検索対象]では[選択したページ]を選択します。
  6. [結果の表示先]で、表示先のパネルを指定します。
  7. [検索方向]を選択します。[すべて]は[下へ]と同じ動作となります。
  8. [すべて検索]ボタンをクリックします。
  9. 編集ウィンドウの下に検索パネルが現れ、検索結果が表示されます。

選択したページ内のHTMLタグを置換する

ここでは例として、画像タグの前に<div class="center">、タグの後に</div>を追加する方法について説明します。

  1. 検索したいWebページを[フォルダーリスト]パネルから選択します。Shiftキーを押しながらクリックで連続したファイル、Ctrlキーを押しながらクリックで連続しないファイルを選択できます。
  2. [編集]メニューの[検索]をクリックします。
  3. [検索と置換]ダイアログボックスの[HTMLタグ]タブを開きます。
  4. [検索するタグ]ボックスに、検索したいタグを一覧から選択します。ここではimgを選択します。
  5. [検索オプション]の[検索対象]では[選択したページ]を選択します。
  6. [置換後の処理]ボックスに[開始タグの前に追加]を選択します。
  7. [追加/置換後の文字列]ボックスに <div class="center"> と入力します。
  8. [結果の表示先]で、表示先のパネルを指定します。
  9. [検索方向]を選択します。[すべて]は[下へ]と同じ動作となります。
  10. [すべて置換]ボタンをクリックします。
  11. [すべて置換]をクリックすると、[この置き換え処理は元に戻せません。続けてもよろしいですか?]の確認メッセージが表示されます。続ける場合は[はい]ボタンをクリックします。
  12. 編集ウィンドウの下に検索パネルが現れ、処理結果が表示されます。
  13. 続いて手順2~5を繰り返します。
  14. [置換後の処理]ボックスに[開始タグの後に追加]を選択します。
  15. [追加/置換後の文字列]ボックスに </div> と入力します。
  16. [結果の表示先]で、表示先のパネルを指定します。
  17. [検索方向]を選択します。[すべて]は[下へ]と同じ動作となります。
  18. [すべて置換]ボタンをクリックします。

HTMLタグの置換の処理の種類

タグとコンテンツの置換
タグとその中のコンテンツを置換します。
コンテンツのみ置換
タグ内のコンテンツのみ置換します。
開始タグの後ろに追加
開始タグの後ろに追加したいテキストやタグを指定します。
終了タグの後ろに追加
終了タグの後ろに追加したいテキストやタグを指定します。
開始タグの前に追加
開始タグの前に追加したいテキストやタグを指定します。
終了タグの前に追加
終了タグの前に追加したいテキストやタグを指定します。
タグとコンテンツの削除
タグとコンテンツをまとめて削除します。
タグの削除
指定したタグを削除します。
タグの変更
検索対象タグを指定したタグに置換します。
属性値の設定
タグ内の属性を設定します。
属性値の削除
タグ内の属性値を削除します。

関連記事

スポンサーリンク
次の記事
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ