課題
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。
ペーストすればこんな感じ↓になる。
<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タグも入っていて満足。