2009年12月15日火曜日

Google Sites において HTML の不要なタグや属性を一括で削除

Google Sites を使っていて、文字に色を付けたり、サイズを変更したりすることを繰り返し、かつ、それが広範に渡っていると、元に戻したくても修正するのが面倒。 (+_+) メニューにある「書式 > 書式をクリア」で一度御破算にすればいいかと思いきや、「見出し」や「リスト」の設定までも消えてしまうのでこれを使うのを避けたい。

 

方法

HTML モードで直接削除することに。手作業は面倒なので、Aptana を使い正規表現で検索しながら置き換える。

It’s All Text! で HTML を編集

Firefox のアドオン It's All Text! をインストールしてエディタを Aptana に設定。 (cf. Blogger の投稿した記事を編集)

091215-020.pngGoogle Sites においてメニューボタンの右端にある HTML を編集するためのボタンをクリック。

It’s All Text! がインストールされていると、右端に「編集」ボタンが表示される。これを右クリックして「.html」として編集を選択。

091215-021.png

 

正規表現で置換

Aptana で編集対象の HTML が開かれたら、メニューより Edit > Find/Replace を選択 (Ctrl + F)。

091215-019.pngダイアログの Options で Regular expressions にチェックを入れる。

今回は HTML における style 属性と Font タグを削除したいとする。
style 属性を指定するには、

style=(.+?)"

Font タグを指定するには、

<font(.+?)>|</font>

(cf. JavaScript で正規表現 の最左最短一致, Eclipse で正規表現によるテキストの置換 )

よって、Find: フィールドには

style=(.+?)"|<font(.+?)>|</font>

と指定。Replace With: フィールドは空にしておく。

後は、Replace/Find ボタンで確認しながら除去。 ついでに、メニューより Edit > Format しておくと、後で見やすいかも。
Aptana で編集したファイルを保存してGoogle Site に戻り、HTML が更新されたのを確認したら、更新ボタンを押す。