一歩ずつ学ぶ

最終更新日:

Markdownでリンクにtarget="_blank"を付けて別タブ表示にする

Markdownでリンクを作成する場合、

[アンカーテキスト](URL)

と書くだけなのでとても便利です。 しかし、リンク先を別タブで開きたい場合には 残念ながらMarkdownでは対応していません。

target="_blank"を付ける方法は2つあります。

  • 自分でアンカータグを記述する
  • jQueryを使って自動的にtarget="_blank"を付けるようにする

ここではjQueryを使う方法を説明します。ブログやHTMLサイトの ヘッダーに以下のコードを追加するだけです。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script language="JavaScript">
$(document).ready( function () {
   $("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank');
})
</script>

これで自動的に別ドメインの場合だけtarget="_blank"が付けられます。 同じドメインの場合は今までどおりtarget="_blank"は付きません。 とても便利で簡単な設定ですからおすすめです。

jQueryのバージョンはその時点での最新バージョンを参照すれば大丈夫です。

↑ PAGE TOP