htmlタグ一括挿入

質問

<a href="" target="_blank"><img src="" alt="" border="0" ▲▲▲/><br /></a><img src="" width="1" height="1" border="0" alt="" />

上記のタグでの質問なのですが、style="float:left;"を▲▲▲の部分に挿入する場合一番簡単に出来るやり方などありますでしょうか？
2000近く商品数があるので手直しだと時間が掛かりすぎるので出来れば一括に挿入するやりかた
ぜひご教授頂けませんでしょうか？よろしくお願いします。

回答No.1

diszo · ベストアンサー

もし、ご使用になられているエディタに正規表現置換機能がついているので
あれば、簡単にできるかもしれません。
＃サクラエディタなど

サクラエディタでやってみましたが、
全文見たわけではないので、
以下に示す例で対応できるかわかりませんが、参考までに。
＃目的外の文字列を置換してしまう可能性がありますので、
＃置換を行う際はバックアップを取ってから行ってください。

置換ダイアログ(Ctrl+R)を出して、
置換前：(<img src=".*?" alt=".*?" border="0" )
置換後：$1style="float:left;"
正規表現置換のチェックボックスにチェックを入れて全て置換とすれば
可能ではないかと思います。

回答No.2

noname#137826

・img要素にstyle属性を付け足したい
・付け足したいimg要素とそうでないimg要素がある、

ということでしょうか？以下はとりあえず思いついた2つの方法です。

(その1: 置換)
基本的にはNo. 1さんと同じです。style属性を付加したいimg要素に関する条件をどれだけ絞り込めるかにより置換条件が決まります。

例えば、付け足したいimg要素が必ず「border="0" /><br />」という終わり方をしていて、このパターンがそれらのimg要素だけに特有ならば、

「border="0" /><br />」→「border="0" style="float:left;"/><br />」

という単純置換でOKです。

img要素にはbr要素が続くものと続かないものの2種類あって、前者だけにstyle属性を付け加えたい、ということならば、正規表現を用いて、

「(<img .*?)(/><br />)」→「$1style="float:left;"$2」

という置換が使えるでしょう。(この正規表現はEmEditorの場合です。お使いのエディタにより異なる場合があるので、詳細はエディタのヘルプをご覧ください。)

(その2: css)
正確に置換ができるまでにimg要素の条件を絞り込むことができる場合には、その条件でcssを指定することができるかもしれません。可能ならばこちらの方が効率的です。

例えば、style属性を付加したいimg要素は、target属性の値が"_blank"であるようなa要素の子供である、と絞り込みできるならば、

a[target="_blank"] > img { float: left; }

という1行をcssスタイルシートに加えるだけです。2000箇所の置換よりも簡単ですし、もしかしたら表示もこちらの方が速いかもしれません。

お礼

無事に出来ました。ありがとうございました。