2020.03.18

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

この記事は、2020年3月16日に編集し、約 2 分で読めます。

マークダウン記法便利ですよね。

このブログでも、マークダウン記法の入力方法をまとめました。
マークダウン記法まとめ

でも、マークダウン記法でリンクを設定した場合、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>

I-SEED ではWebシステムやスマホアプリなどのシステム開発から、コーポレートサイトやECサイトなどのWeb制作、SEO対策やオウンドメディア構築・運用などのWebマーケティングまで、Webに関するさまざまなお悩みを解決します。

I-SEED では随時採用も行っています。エンジニア、ディレクター、デザイナー、ライター、マーケターなどの職種にご興味がある方は以下のページもご覧ください。