CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

16

07月2010年

CSS Nite in Ginza, Vol.49「バシャログ LIVE」 で紹介したDreamweaverの正規表現クエリーを公開します

ishida 22:51 PM

イメージ

こんばんは、メガネだけでも覚えてもらえたでしょうかishidaです。

CSS Nite in Ginza, Vol.49「バシャログ LIVE」 で紹介しましたDreamwaverの正規表現クエリーを公開します。
紹介したクエリーは2つです。

  • タグの先頭に「#」がついたテキストをリンクつきテキストに置換
  • タグの先頭に「■」がついたテキストをaltつきのプレースホルダーに置換

テンプレートhtml作成後、Dreamweaverのデザインビューに原稿を構造つきペーストした後での使用を想定したクエリーです。

タグの先頭に「#」がついたテキストをリンクつきテキストに置換

置換前
<p>#テキストテキストテキストテキスト</p>
置換後
<p><a href="#">テキストテキストテキストテキスト</a></p>

pタグだけでなく、どのタグでもいけますよ。

タグの先頭に「■」がついたテキストをaltつきのプレースホルダーに置換

置換前
<p>■画像のaltに入れたいテキスト</p>
置換後
<p><img src="" alt="画像のaltに入れたいテキスト" width="100" height="100" /></p>

ダウンロード

使い方

1. ダウンロードしたファイルを解凍してお好きなディレクトリへ置いてください。

2. [検索/置換]ウィンドウを立ち上げます。
検索:ソースコードに設定して、正規表現を使用にチェックを入れます。
クエリーのロードボタンからクエリーを呼び出します。

呼び出したいクエリーを選択してください。

検索エリアと置換エリアにクエリーがロードされるので、あとは「すべて置換」をクリック。

正規表現を使うとさらに効率アップになりますので、是非使ってみてください。

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/2296
###はmt-tb.cgiに変更してください。

コメント

どういう前提での使用例なのか、わかりませんが、
タグを明示的に書くとか
非欲張り型(.+?)にしないと思わぬ誤変換になりそう。

>市川さん

コメントありがとうございます。
前提条件の部分が、不足していましたので追記しました。

また非欲張り型(.+?)につきましても、参考にさせていただきます。

今後ともバシャログ。をよろしくお願いいたします。

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

  • ステップアップ!CakePHP
  • 作って学ぶjQuery