ブログ

2021/09/01
【プリザンター】 第111回)リンクの同一タブ・別タブ表示について

リンクの追加

こんにちは、CCSの田中です。

「内容」や拡張項目の「説明」(説明A~Z)や、一覧画面や編集画面のガイド表示などで、URLを記載してリンクとして表示させることができます。
先日、社内のメンバーから「リンクが同一タブで開いてしまうが、別タブで開けないか」との質問をいただきました。確認してみると、私のところでは別タブで開いていましたが、質問のあったメンバーのところでは、同一タブで開いていたようです。

実際に生成されるソースを確認すると、Aタグに target="_blank" が入っている場合と、ない場合がありました。
原因がわからなかったため、インプリム社に確認したところ、原因がわかりましたのでブログで共有したいと思います。

同一タブと別タブの挙動の違いの原因

なぜ挙動が変わったのか確認したところ、以下が原因だったようです。

プリザンターでは、「マークダウン記載([md]と記載してリンクを記載する)を参照する場合」と「Scriptsフォルダ下にあるMarkdown.jsを見てリンクを生成している場合」と2種類があるとのことです。マークダウンとして記載した場合は、リンクは同一タブで開きます。一方、(マークダウン記載をせずに)単純にURL等を記載した場合は、リンクは別タブで開きます。

例:
マークダウン記載(同一タブで表示) [md]は最初に記載してください。
[md]
[シーイーシーカスタマサービス](https://ceccs.co.jp/)


単純にURLを記載(別タブで表示)
https://ceccs.co.jp または、[シーイーシーカスタマサービス](https://ceccs.co.jp/)

こちらについては、今後統一される可能性もありますが、2021年8月20日時点では上記の挙動となっていますので、リンクを同一タブや別タブを意識して対応する場合は参考にしてください。

<2022/11/16追記>
2022/5/16 リリースのバージョン1.3.6にて、General.jsonにAnchorTargetBlankが追加されました。
これにより、別タブにするか同一タブにするかを設定することができるようになりました。
trueを設定すると、「内容」「説明」「コメント」に記述したリンクを新規タブとして表示されます。

まとめ

さて、いかがでしたか?

今回リンクの挙動に関して説明しました。
当社のお客様からの質問もあったようで、同様な疑問を持たれている方も多いのかと思います。今回の内容が参考になればよいです。

導入の支援、スクリプト開発などでお困りの場合は、当社で支援もいたします。プリザンター逆引き辞典PDF版やスタイル・スクリプトサンプル集PDF版の販売もしております!

☆☆ブログ内容への質問や追加説明をご希望の方は
【問い合わせフォーム】 こちら からお気軽にお問い合わせください☆☆

PAGE TOP