Blogger:全公開投稿を対象にhtmlタグ部分を検索したい

投稿本文のhtmlタグでない部分については管理画面→投稿で検索ボックスから該当部分がある投稿の検索ができるのですが、htmlタグの部分は検索できませんでしたので工夫します。

公開した投稿からコピペすると大量のhmtlタグがくっついてくる

過去の投稿から文章をコピーしてBloggerの投稿作成画面に貼り付ける時に「プレーンテキストとして貼り付ける」でペーストした場合はコピー元からは何もhtmlタグはついてきません。

Blogger Find & Replace :: adam lewis

ところが例えばこの様なリンク付きの文をリンク付きでコピペしたいときは「プレーンテキストとして貼り付ける」ではアンカータグがついてこないのでふつうの「貼り付け」を使わないといけません。
(2016.5.19追記。ちなみにlinuxBeanのFirefoxでは「プレーンテキストとして貼り付ける」という項目はありませんでした。)

<a href="http://www.adamwlewis.com/articles/blogger-find-replace" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvle7ISI61CSsbqLeKsaL3oUEsFCOQe0be7Sy-IRfvQJKt60W4QoMfobl-sD21smba52yCCQPE_zR9ZbTHaqBhi-9MdHWlzb4E-euBWqCpc7cEOg8I6bFs9ID0Sd2afvX1QqhEREqvT4I/s1600/csg-51eee64417067.png) 100% 0px no-repeat rgb(255, 255, 255); color: #369bff; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; padding-right: 18px;">Blogger Find &amp; Replace :: adam lewis</a>

ふつうの「貼り付け」をしてhtmlモードでみてみるとこんなにたくさんのタグがくっついてきます。

<a href="http://www.adamwlewis.com/articles/blogger-find-replace" >Blogger Find &amp; Replace :: adam lewis</a>

コピペしたいのはこのアンカータグだけなのですが、styleがついてきてしまいます。

くっついてきたところでコピー元のブログと同じデザインのページに公開する場合はそう大きな問題にはなりません。

ところがこのブログのモバイルサイトはPCサイトとデザインを変えているためstyleプロパティがくっついてくるとそこだけ背景色がPCサイトのものになってしまいます。


このようにコピペした部分だけが背景が白くなってしまいます。

これはBloggerの投稿画面の作成モードでは気がつくことができませんのでしばしば修正し忘れます。

そこでこのhmtlタグを検索して修正したいと思ったのですが、Bloggerの投稿検索機能では検索できませんでした。

投稿一括置換ツールBlogger Find & Replaceを使う

Blogger：投稿一括編集(2)投稿一括置換ツールBlogger Find & Replaceで使ったBlogger Find & Replace :: adam lewisで検索することにしました。

手順は置換のときと同じですが、置換されては困るので検索文字と置換文字を同じにすればまうまくいくはずと考えました。


「Transfer me to Google so I can authorize this tool」ボタンをクリック。


「承認する」。

すると検索対象となるブログの選択リストと検索文字列、置換文字列の入力欄が出現します。


まずはテストブログにstyleプロパティのついたhtmlタグ付の記事を投稿してそれでテストしてみます。

検索対象となる記事は「公開」しているものだけですが、ブログ自体は「一般公開」にしていなくても「限定公開-ブログの投稿者のみ」でも支障はありません。

FindとReplaceの欄には全く同じ文字列を入力しておきます。

color: #369bff; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;

この部分を入力しました。

「Show All Post Details (As opposed to only details when find/replace is performed) 」にチェックをつけておくと置換した投稿だけでなく検索対象が見つからなかった投稿もログを出力してくくれます。

「Perform The Find & Replace」ボタンをクリック。

Starting search...
Nothing found in 検索されたい投稿
Nothing found in JavaScript
Nothing found in JSriddle
Nothing found in 投稿日時２
Nothing found in 最終更新日時
Nothing found in 普通の記事
Nothing found in SyntaxHighlighterにfleXcroll
Search completed.

「検索されたい投稿」というタイトルの投稿に検索対象文字列が含まれているはずですが「Nothing found」になっています。

試行錯誤した結果わかったのはFindとReplaceが全く同じ場合は検索対象にならないということでした。

置換文字列を検索文字列と少し変えると検索文字列がある投稿を検出できる

検索文字列

color: #369bff; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;

置換文字列

color:  #369bff; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;

color:のあとの半角スペースをひとつ加えるだけで検索されました。

Starting search...
Replaces made in 検索されたい投稿
Nothing found in JavaScript
Nothing found in JSriddle
Nothing found in 投稿日時２
Nothing found in 最終更新日時
Nothing found in 普通の記事
Nothing found in SyntaxHighlighterにfleXcroll
Search completed.

半角スペースを入れてもタグの動作に変化はありませんが、後の検索のために元に戻しておきたいときはFindとReplaceを入れ換えて再度「Perform The Find & Replace」をすればよいことになります。

さっそくこのブログを上記の検索文字列とそれに半角スペースを加えた置換文字列をFind&Replaceしてみました。

公開投稿が441個あるので少し時間がかかります。

うーん、何も検索されてきませんね、、、

colorのプロパティの数値が異なるのが原因のようですのでfont-familyの部分のみを検索文字列とすることにしました。

検索文字列: font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif

置換文字列: font-family:  Arial, Tahoma, Helvetica, FreeSans, sans-serif

Replaces made in Blogger:Googleサイトの利用をやめて表示速度を改善する

1つの投稿がひっかかりました。

結局コピペでhtmlがくっついてきているのはこの一つの投稿だけでした。

どの投稿にいらないhtmlタグがあるのかがわかればあとはその投稿をHTMLモードで開いて修正するだけです。

参考にしたサイト

Blogger Find & Replace :: adam lewis
Bloggerの全公開投稿を対象にhtmlタグも検索対象にする検索置換ツール。