スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Posted on --/--/-- --. --:-- [edit]

category: スポンサー広告

Comment: --

--

Flickr貼り付けコードをシンプルにするブックマークレット (2015年9月版)

最近またFlickrの写真貼り付けコードの仕様が変わっています。
各所で言われているようですが、ただ写真を貼りたいだけなのに余計なコードがついてきます。

これをサクッと削除できる簡単なブックマークレットを作成したので、共有。


現在のFlickrの写真貼り付け方法はこうです。
貼り付けたい写真を選び、写真右下にある以下のボタンをクリック。
201509284.png

するとこのようなダイアログがあらわれます。
201509283.png

ここに出てきているのがデフォルトの貼付けコードですね。
<a data-flickr-embed="true" href="https://www.flickr.com/photos/eagle02f/21031856284/in/datetaken-public/" title="DSC_5011">
<img src="https://farm6.staticflickr.com/5721/21031856284_fdd46d5f5c.jpg" width="500" height="331" alt="DSC_5011">
</a>
<script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>


これをそのまま貼り付けると以下のようになります。
DSC_5011

マウスを写真の上に持ってくると、Flickrのロゴやらキャプションやらが表示されるんですね。
これで別にいいよって言う人ならこれで問題ありません。

でも、ただ単純に写真を貼り付けたい場合、余計なdata-flickr-embed="true"やら<script>やらが入ってるくるのがうっとうしい、という人も多いと思います。

でも手動で毎回書き換えるのはやや面倒。
ということで、ワンクリックでこれらを削除するブックマークレットを書いてみました。

コードとしては以下。
var input = document.getElementsByClassName("embed-code-text-field")[0];
origin = input.getAttribute("value");
modified = origin.replace(' data-flickr-embed="true"','').replace(/<script.*<\/script>/, '');
input.setAttribute("value", modified);
input.focus();
input.select();


ブックマークレット用に改行等を削除したものが以下です。
javascript:var input = document.getElementsByClassName("embed-code-text-field")[0];origin = input.getAttribute("value");modified = origin.replace(' data-flickr-embed="true"','').replace(/<script.*<\/script>/, '');input.setAttribute("value", modified);input.focus();input.select();


ブックマークレットの登録方法は以下を参照してみてください。
知ってそうで知らないブックマークレットの仕組みと使い方(と便利な11点まとめ) | ライフハッカー[日本版]


これをブックマークレットとして登録し、先ほどの貼り付けコードが出ている以下の画面で実行すると・・・
201509283.png


貼付けコードが以下のように書き換わります。
<a href="https://www.flickr.com/photos/eagle02f/21031856284/in/datetaken-public/" title="DSC_5011">
<img src="https://farm6.staticflickr.com/5721/21031856284_fdd46d5f5c.jpg" width="500" height="331" alt="DSC_5011">
</a>


これを貼り付けると、

DSC_5011

シンプルに画像とリンクだけになりました。


もちろんブログ記事など大量に写真を貼る、などといった場合は、毎回ブックマークレットを実行するのも面倒なので、エディタの置換機能など使っても良いと思います。
あるいはユーザースクリプト化して自動実行とか。
そのへんはご自由に。

また、Flickr側が仕様変更されたら、当然上記スクリプトも動かなくなる場合があります。
IT関連の関連記事

Posted on 2015/09/28 Mon. 18:55 [edit]

category: IT関連

tag: Flickr  javascript 

28

コメント

Comment
list

コメントの投稿

Secret

Comment
form

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。