markdown(マークダウン)記法で外部リンク(別タブ)にする方法

マークダウン記法便利ですよね。以前にはこの記事でもマークダウン記法の入力方法をまとめました。

今回はマークダウン記法に関するお悩みの一つ、リンクを設定した場合、target="_blank"が付かずに同じタブで開いてしまう点について、別タブで開く方法をご紹介します。

Markdownでリンクを設定する方法

おさらいですが、[テキスト](URL)の型にすると、リンク（a）タグになります。

[Google](https://www.google.com/)

jQuery を使用します。
javaScript を使用している箇所に記載してください。

$("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');

これで、同じドメイン以外のリンクに全てtarget="_blank"が付きます。

なお、ヘッダーやフッターで使用したい場合は、以下のコードをjQuery読み込み後に記載してください。

<script>
$(function(){
 $("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');
})
</script>

システム開発やWeb制作・デザイン、Webマーケティングを強みに持つI-SEEDスタッフが、さまざまなノウハウや最新情報をお届けします。