Craft CMS の CKEditor のリンクボタンを別タブで開くリンクも設定できるようにする

先日、ついに Craft 5 がリリースされましたね。このブログも早く Craft 5 にアップデートしたいと思いますが、今日はまだ Craft 4 の CKEditor のお話です。

CKEditor プラグインではフィールドごとにボタンの設定を変えることができます。今回は、リンクボタンで target="_blank" が設定できるようにする方法をご紹介します。

CKEditor プラグインの設定

「Settings ＞ CKEditor」から CKEditor Configs のページを開きます。

そして変更したい設定を開きます。ここではこのブログの本文に使っている「ブログ本文」の設定を開きます。

ツールバーの設定

ツールバーにリンクボタンをドラッグ&ドロップします。

そしてページ下部にある「Config Options」に下記のJSONを追加（またはマージ）します。

{
  "link": {
    "decorators": {
      "openInNewTab": {
        "attributes": {
          "rel": "noopener noreferrer",
          "target": "_blank"
        },
        "label": "Open in a new tab",
        "mode": "manual"
      }
    }
  }
}

これで別タブ表示を設定できるようになりました。