【DreamWeaver】正規表現でスペースや改行や余計なClassを一括削除する方法

HTMLの参考ソースをコピーしてきたときに、余計なコードをまとめて削除したいときがありました。少量であれば、手動で削除するのですが、膨大にある場合はチマチマやってられません。そこで、正規表現を使い、ズバッと一括で置き換えしたいと思ったので書式をメモ。

検索/置換のやり方

DreamWeaverで正規表現を使った置換をするには、メニューの[検索]-[現在の文書内で置換]を選択するか、またはCtrl+Hを押して、[正規表現を使用]にチェックを入れて行います。

正規表現書式例

改行を削除

HTMLのソースをインライン化したいときに使えます。

検索 \r\n
置換 (空)

タグとタグの間にあるスペースを削除

上記と同じく、HTMLのソースをインライン化したいときに使えます。

検索 >\s+<
置換 ><

タグ内にあるclass="~"などをまとめて削除

(例)<div class="color:red;"><div>にする。

検索 <div(.*$)>
置換 <div>

その他参考ページ

【dreamweaver】文字検索&置換 | ofuta me!

http://www.ofuta.me/dreamweaver/157

【必読!】dreamweaverでの正規表現の使い方まとめ | web | マイホームブログ | web屋の芝生diy

https://web-diy.jp/2016/09/160919_01/

オンラインで半角/全角に変換できるページ

正規表現で半角文字や全角文字を検索できても、半角→全角、ひらがな→カタカナの変換がDreamWeaverで可能なのか?不可能なのか?わかりませんが、オンラインで相互変換できるページがあったのでメモ。

全角半角 変換ツール

https://so-zou.jp/web-app/text/fullwidth-halfwidth/

http://charset.7jp.net/chgchar.html

文字変換オンライン

https://www.webtoolss.com/henkan.html

PAGETOP