MacのSafariでblockquoteタグを簡単に作るbookmarklet

  • 投稿日:
  • by

課題

MacのSafariでもblockquoteタグを手軽に作りたい

背景

FirefoxではFormat Linkという機能拡張で
aタグもblockquoteタグもカスタマイズできるので愛用していた。
Firefox Quantumでも使えるMakeLink代替機能拡張Formatlink - うむらうす

しかしちょっと調べた感じ、Safariにはそういう便利なツールがなさそうだった。
(以前使っていたものは使えなくなっていた)

結論

引用タグ作成bookmarkletを自分用にカスタマイズして作った。

「citeタグが入っていてほしい」とか、
私のニーズを満たしてくれるものがなかったので、
↓こちらをベースに手を入れさせてもらった。
[ポ] 引用タグ作成bookmarklet - My cup of tea

結果は以下のコード。これをbookmarkletとして登録すればOK。

javascript:var%20url=location.href;var%20title=document.title;var%20linkTag%20='%3Cblockquote%3E%3Cdiv%3E'+window.getSelection()+'%3Cbr /%3E%3Cbr /%3E%3Ccite%3E%3Ca%20href=%5C''+url+'%5C'%3E'+title+'%3C/a%3E%3C/cite%3E%3C/div%3E%3C/blockquote%3E';var%20x%20=%20prompt('',linkTag);

bookmarkletの登録の仕方などは、こちらを参照されたい↓
超絶便利!Safariでショートカットキーからブックマークレットを発動する方法 - 和洋風KAI

引用したい文章を選択した状態で、bookmarkletを発動させれば、
こんな感じでウインドウが出てくるので、コピーすればOK。

mac_safari_blockquote_bookmarklet1.png

ペーストすればこんな感じ↓になる。

<blockquote><div>FirefoxがQuantumとやらバージョンアップして、 愛用していたリンクタグ作成機能拡張のMakeLinkが 使えなくなってしまった!<br /><br /><cite><a href='https://www.umurausu.info/blog/archives/firefox-quantummakelinkformatlink.html'>Firefox Quantumでも使えるMakeLink代替機能拡張Formatlink - うむらうす</a></cite></div></blockquote>

divタグ、citeタグも入っていて満足。