引用元<blockquote></blockquote>タグを自動生成するブックマークレット選択したテキスト部分のみ

更新日:


本日の人気記事BEST10

所要時間目安: 約 3

引用元サイトの選択テキスト部分を自動的に生成された引用タグ表示場所

PC カスタマイズ ツール ブックマークレット 伝えたいこと 備忘録

ブログをやっている方やサイト運営されている方って、必ずと言っていいほど引用することが出てくると思います。
毎回毎回、
引用部分をコピペして引用元サイトのURLリンクなどを何度かの操作をして作るのって面倒ですよね…。

私は、はっきり言って…。面倒です。

 



スポンサーリンク

 

なので、
選択したテキスト部分があった場合に、

目次

目次に戻る

その選択した部分と引用元サイトへのリンクURLを自動的に生成するブックマークレットを作成してみました。

(ちょっとブックマークレットというのは古いかもしれませんが…。(*゜.゜)ゞポリポリ)

有名なShareHtmlの引用元サイトの選択したテキスト部分<blockquote></blockquote>タグ自動生成バージョンみたいな感じです。

 

こんな感じに表示されます。

小林麻耶さんが2016年5月19日放送されたフジテレビのバイキング生放送中に途中退出・途中退席されました。 赤い色のワンピースで個人的には似合っているなぁ。と思いました。その後の5月28日の握手会などの予定はキャンセルされたそうでですが、まぁ、救急車で?都内の病院へ緊急搬送されたくらいなら当たり前と言えば当たり前だと思います。 なににせよ身体が一番ですからね!!
小林麻耶さんパニック障害とか出てるけど体調が気になる…。 | WordPressデビュー津々浦々

 

ブックマークレットは以下です。

 

引用元サイトの選択したテキスト部分の引用タグ<blockquote></blockquote>を自動で生成してくれるブックマークレットです。

 

選択したテキストを引用するブックマークレットfooterあり

 

備考)そして、これは、Gmailで選択したテキスト部分を自動的にメール内容に反映させてメール作成するブックマークレットです。

これGmail!

参照元URLは以下です。)

なぜ作ったか?現在、お気に入りページのタイトルとURLをGmailで送信するブックマークレットに「Gmail this」があります。これに対して、マウスで選択した部分のテキストもスクラップしてメール本文に挿入してくれる「GmailThis!」というのもあります。後者が便利ですが、日本語が文字化けしてしまうため、日本語に対応したブックマークレット「これGmail!」を作成しました!

 

スポンサーリンク

もしくは、footerを入れたくない場合は以下のブックマークレットにて対応可能です。

 

私の場合はこちらにて最近は使用しています。:CSSにてfooterの背景色を変更した為そのCSSが反映されてしまうためです。

選択したテキストを引用するブックマークレットfooterなし

 

ちなみに、footerなしの場合は以下のようにに表示されます。

この1周間北海道の7才の男児の大和君が本日(6月3日)の早朝に無事に発見されました。良かった!!
しかし、
この発見される数日前に教育評論家で「ホンマでっかTV」などで有名になった尾木ママこと尾木直樹さん(教授)のブログに批判が殺到しているようです。

そのブログ記事が以下ですが、

どうもおかしい!?自衛隊の一メートル間隔のローラー作戦でも見つからない!?
なんてはっきりいってあり得ないこれは置き去りそのものが真実なのか失礼ながら疑いたくなってしまいます…それほどあり得ないことだと思います
尾木直樹(尾木ママ)オフィシャルブログ「オギ♡ブロ」Powered by Ameba
たしかに、
おっしゃる事はわかります。

大和君発見良かった。尾木ママブログに批判殺到みたいだが…。 | WordPressデビュー津々浦々

 

そのままブックマーク(お気に入り)に登録するか、
ブラウザによってはドラッグ・アンド・ドロップが出来ないブラウザもあるかもしれないので、

 

ドラッグ・アンド・ドロップが出来ない場合は以下のコードをブックマーク(お気に入り)に直書きで追加してください。(footerあり)

javascript:(function()%7B!function(e)%7Bvar t%3D""%2Bwindow.getSelection()%3Bif(t)%7Bvar o%3Be.body.insertBefore(o%3De.createElement("textarea")%2Ce.body.firstChild)%2Co.value%3D"<blockquote>%5Cn"%2Bt%2B'%5Cn<footer><a href%3D"'%2Blocation.href%2B'"target%3D"_blank">'%2Be.title%2B"<%2Fa><%2Ffooter>%5Cn<%2Fblockquote>"%2Co.style.width%3D"100%25"%2Co.style.resize%3D"vertical"%2Co.focus()%2Co.select()%7D%7D(document)%7D)()

 

ドラッグ・アンド・ドロップが出来ない場合は以下のコードをブックマーク(お気に入り)に直書きで追加してください。(footerなし)

javascript:(function()%7B!function(e)%7Bfunction t(e)%7Breturn(e%2B"").replace(%2F%26%2Fg%2C"%26amp%3B").replace(%2F<%2Fg%2C"%26lt%3B").replace(%2F>%2Fg%2C"%26gt%3B").replace(%2F"%2Fg%2C"%26quot%3B")%7Dvar r%2Co%2Cn%3D""%2Bt(window.getSelection())%3Bn%26%26(e.body.insertBefore(r%3De.createElement("textarea")%2Ce.body.firstChild)%2Cr.value%3D"<blockquote>%5Cn"%2Bn%2B'%5Cn<br/><a href%3D"'%2Blocation.href%2B'"target%3D"_blank">'%2Bt(e.title)%2B"<%2Fa><%2Fbr/>%5Cn<%2Fblockquote>"%2Cr.style.width%3D"100%25"%2Cr.style.resize%3D"vertical"%2Cr.focus()%2Cr.select())%2Ce.getElementById("credit")%7C%7C(o%3De.createElement("p")%2Co.id%3D"credit"%2Co.style.textAlign%3D"center"%2Co.innerHTML%3D'<hr><a href%3D"%2F%2Fgoo.gl%2FFHjRhk" target%3D"_blank">b.0218.jp<%2Fa>'%2Ce.body.appendChild(o))%7D(document)%7D)()

 

そして、
どこに自動生成された引用タグ<blockquote></blockquote>のコードがどこに表示されるかですが、

 

以下のようにサイト上部に生成された引用タグ<blockquote></blockquote>を含んだコードが生成されています。

 

引用元サイトの選択テキスト部分を自動的に生成された引用タグ表示場所

 

あとは、コピペで記事内に挿入すれば(挿入するだけで)OKです。

-PC, カスタマイズ, ツール, ブックマークレット, 伝えたいこと, 備忘録

関連記事一部広告

スポンサーリンク

+ クリックで展開します

おすすめ!!

加圧シェイプで24時間無意識運動状態が可能!! 引き締め効果で魅力的なシルエットをサポート!! 運動している時だけでなく、仕事やプライベート就寝中にも!! 通気性がよく、体の動かしやすい伸縮性のある素材です!! 常に体が引き締まって、着心地いい!! 毎日着たい方用にセットも充実!!

女性必見のバストアップにおすすめ!!

マンガでの商品説明を販売ページに採用しています。 商品のメリットや良さが伝わりやすいです。 ★知名度と信頼度!ニュースアプリや芸能人ブログでも話題! (インスタグラム SmartNews yahoo アメーバ crooz 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。

関連記事

間違いメールと迷惑メールとフィッシング詐欺メール判断方法

セキュリティ 伝えたいこと

【重要:必ずお読みください】《セゾン》Netアンサーご登録確認はフィッシング詐欺です

先日も、記事として書きましたが(以下参照)またまた今度はセゾンカード?関係を装って怪しいメールがきました。もちろん前回同様にGmailに転送して確認しました。案の定、危険だよという警告表示がされていま・・・続きを読む

背景画像の設定方法

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 備忘録

WordPressのStinger6とStinger7で背景画像を設定する方法

WordPressの無料テーマで有名なStingerがあります。 現在での一番新しいバージョンはStinger7ですが当ブログにおいては今のところStinger6を使用しています。 背景に画像を設定し・・・続きを読む

記事上に人気記事表示

Stinger6 WordPress カスタマイズ

アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6

WordPressを使用すると、 アイキャッチ画像の設定が簡単に可能になります。 中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。 そのStinger・・・続きを読む

金スマベッキー復帰出演

伝えたいこと 備忘録 時事ネタ

ベッキー金スマにて復帰出演。見逃した方必見です。

ベッキーがレギュラー(番組)として、初めての番組であるSMAPの中居君の「金スマ」にて昨日(2016年5月13日)復帰出演しました。 久しぶりにベッキーを拝見しました。 まだまだ若いなぁ。と思っていた・・・続きを読む

目次に戻る

よろしかったらシェアよろしくお願いします。



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



  • この記事を書いた人
  • 最新記事

izumi

プロフィールページ詳細

はじめまして、izumiの旦那です。医療ミスにより長胸神経麻痺になってしまい若干の障害がありブログをさせていただいています。共同運営(しばらくは単独になると思います。)になりつつありますがよろしくお願いいたします。

Follow Me !

Copyright© WordPressデビュー津々浦々 , 2019 All Rights Reserved Powered by AFFINGER5.