ブログのHTMLや、Githubのマークダウンを書いているときなど、参照したWEBページのリンクを貼りたい場面は多いかと思います。
このリンクを手作業で作成し続けるのは地味に面倒なので、ワンクリックで作成できるブックマークレットを作成しました。
ソースコードは以下を参照ください。
“link-maker-html.js”がHTML用のリンクを作成するブックマークレットで、”link-maker-md.js”がマークダウン用のリンクを作成するブックマークレットです。
GitHub – alumi-mic/book-marklets
使い方は簡単で、以下のスクリプトをコピーして、ブラウザの「お気に入り」に追加するだけです！
あとは任意のページで使用することで、リンクを作成することが可能です！
HTML用のリンク作成ブックマークレット
javascript:var title = document.title;var url = location.href;var html_link = `<a target="_blank" href="${url}">${title}</a>`;prompt('Link-maker for HTML', html_link);
マークダウン用のリンク作成ブックマークレット
javascript:var title = document.title;var url = location.href;var md_link = `[${title}](${url})`;var html_link = `<a target="_blank" href="${url}">${title}</a>`;prompt('Link-maker for md', md_link);
ブックマークレットの作成の仕方はこちらをご覧ください。
