引用元<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です。

関連記事一部広告

スポンサーリンク

+ クリックで展開します

おすすめ!!

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

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

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

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

関連記事

パンくずリスト

WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

パンくずリストで表示したいカテゴリを選択して表示する方法

WordPressでブログを始めてからずっとなんとかならないかなぁ。 と思っていたことがあります。 それは、 パンくずリストが複数のカテゴリを選択して投稿した際には、 英数字(A~Z)から優先されて日・・・続きを読む

温泉の入り方

セキュリティ 伝えたいこと 備忘録 時事ネタ 治療

レジオネラ菌感染経路の一因のスーパー銭湯など温浴施設

いまや2000年代から怒涛のごとくの勢いでのブームで、スーパー銭湯などの日帰り入浴施設が数多くあります。 そんな温泉などの入浴施設で、レジオネラ菌の感染などが時々話題や問題になることがあります。そもそ・・・続きを読む

Stinger7デモサイトスクショ

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録

Stinger6のフッターに3カラムのウィジェットを追加する方法

WordPressのテーマには多くのものがあります。 中でも無料のテーマでStingerがとても有名です。 かつ、 SEO的にも優れています。 また、 カスタマイズ性にも良いです。 そこで、 Stin・・・続きを読む

温泉の入り方

伝えたいこと 備忘録 旅行

温泉の入り方とマナーが分かりやすい

温泉の入り方やマナーを日本人であれば概ね分かっていると思います。 ですが、外国人の観光客の方などは温泉や湯船に浸かるという入浴方法などの文化がない国もあります。 なので、温泉への入り方やマナー自体が分・・・続きを読む

目次に戻る

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



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

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

言えないことはTwitterで!!



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

izumi

プロフィールページ詳細

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

Follow Me !

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