From 2ab0a7f58c9ae7d16971ddb1b2692a278dbdfed7 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Thu, 1 Aug 2024 15:19:06 +0200
Subject: [PATCH 1/5] Add `editor_advanced_link` module to open WYSIWYG links
 in a new tab

This module allows users to choose if a link in the WYSIWYG editor should open in a new window.
---
 composer.json                                 |  1 +
 composer.lock                                 | 51 ++++++++++++++++++-
 config/sync/core.extension.yml                |  1 +
 config/sync/editor.editor.basic.yml           |  3 ++
 config/sync/editor.editor.limited.yml         |  3 ++
 config/sync/filter.format.basic.yml           |  2 +-
 config/sync/filter.format.limited.yml         |  2 +-
 .../custom/dpl_update/dpl_update.install      | 12 +++++
 8 files changed, 72 insertions(+), 3 deletions(-)

diff --git a/composer.json b/composer.json
index d2ab36d3c9..29144c4987 100644
--- a/composer.json
+++ b/composer.json
@@ -115,6 +115,7 @@
         "drupal/default_content": "^2.0@alpha",
         "drupal/devel": "^5.1",
         "drupal/dynamic_entity_reference": "^3.1",
+        "drupal/editor_advanced_link": "^2.2",
         "drupal/entity_clone_template": "^2.0",
         "drupal/enum_field": "^1.0",
         "drupal/facets": "^2.0",
diff --git a/composer.lock b/composer.lock
index 06a6215bab..94a27b6017 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "6bbe751629baf2ab9116b36d40415290",
+    "content-hash": "dbd73b01d002c602e80c60661c723e9d",
     "packages": [
         {
             "name": "amazeeio/drupal_integrations",
@@ -3761,6 +3761,54 @@
                 "irc": "irc://irc.freenode.org/drupal-contribute"
             }
         },
+        {
+            "name": "drupal/editor_advanced_link",
+            "version": "2.2.4",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/editor_advanced_link.git",
+                "reference": "2.2.4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/editor_advanced_link-2.2.4.zip",
+                "reference": "2.2.4",
+                "shasum": "cd0db397827f2e21ec8a68211e8a153463a6c89b"
+            },
+            "require": {
+                "drupal/core": "^9.2 || ^10"
+            },
+            "require-dev": {
+                "drupal/ckeditor": "*",
+                "phpro/grumphp": "^2.0"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.2.4",
+                    "datestamp": "1688040059",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "DuaelFr",
+                    "homepage": "https://www.drupal.org/user/931394"
+                }
+            ],
+            "description": "Editor Advanced link",
+            "homepage": "https://www.drupal.org/project/editor_advanced_link",
+            "support": {
+                "source": "https://git.drupalcode.org/project/editor_advanced_link"
+            }
+        },
         {
             "name": "drupal/entity_clone",
             "version": "2.0.0-beta4",
@@ -18864,6 +18912,7 @@
     "minimum-stability": "dev",
     "stability-flags": {
         "drupal/default_content": 15,
+        "drupal/gin": 5,
         "drupal/gin_toolbar": 5,
         "drupal/multivalue_form_element": 10,
         "drupal/openapi_rest": 5,
diff --git a/config/sync/core.extension.yml b/config/sync/core.extension.yml
index e5eefee6ae..8022f0fed2 100644
--- a/config/sync/core.extension.yml
+++ b/config/sync/core.extension.yml
@@ -79,6 +79,7 @@ module:
   dynamic_entity_reference: 0
   dynamic_page_cache: 0
   editor: 0
+  editor_advanced_link: 0
   entity_clone: 0
   entity_clone_template: 0
   entity_reference_revisions: 0
diff --git a/config/sync/editor.editor.basic.yml b/config/sync/editor.editor.basic.yml
index c7981b8eb3..97c789bbaa 100644
--- a/config/sync/editor.editor.basic.yml
+++ b/config/sync/editor.editor.basic.yml
@@ -37,6 +37,9 @@ settings:
       multiBlock: true
     ckeditor5_sourceEditing:
       allowed_tags: {  }
+    editor_advanced_link_link:
+      enabled_attributes:
+        - target
     linkit_extension:
       linkit_enabled: true
       linkit_profile: default
diff --git a/config/sync/editor.editor.limited.yml b/config/sync/editor.editor.limited.yml
index 4529c9944a..4efa44ca23 100644
--- a/config/sync/editor.editor.limited.yml
+++ b/config/sync/editor.editor.limited.yml
@@ -23,6 +23,9 @@ settings:
   plugins:
     ckeditor5_sourceEditing:
       allowed_tags: {  }
+    editor_advanced_link_link:
+      enabled_attributes:
+        - target
     linkit_extension:
       linkit_enabled: true
       linkit_profile: default
diff --git a/config/sync/filter.format.basic.yml b/config/sync/filter.format.basic.yml
index b80fa4ef19..d56f5a07a3 100644
--- a/config/sync/filter.format.basic.yml
+++ b/config/sync/filter.format.basic.yml
@@ -12,6 +12,6 @@ filters:
     status: true
     weight: -10
     settings:
-      allowed_html: '<br> <p> <h2> <h3> <strong> <em> <blockquote> <a href data-entity-type data-entity-uuid data-entity-substitution> <ul> <ol reversed start> <li> <table> <tr> <td rowspan colspan> <th rowspan colspan> <thead> <tbody> <tfoot> <caption>'
+      allowed_html: '<br> <p> <h2> <h3> <strong> <em> <blockquote> <a href target="_blank" data-entity-type data-entity-uuid data-entity-substitution> <ul> <ol reversed start> <li> <table> <tr> <td rowspan colspan> <th rowspan colspan> <thead> <tbody> <tfoot> <caption>'
       filter_html_help: true
       filter_html_nofollow: false
diff --git a/config/sync/filter.format.limited.yml b/config/sync/filter.format.limited.yml
index 63c72ada3d..2a2cf94e49 100644
--- a/config/sync/filter.format.limited.yml
+++ b/config/sync/filter.format.limited.yml
@@ -12,6 +12,6 @@ filters:
     status: true
     weight: -10
     settings:
-      allowed_html: '<br /> <p> <strong> <em> <a href data-entity-type data-entity-uuid data-entity-substitution>'
+      allowed_html: '<br> <p> <strong> <em> <a href target="_blank" data-entity-type data-entity-uuid data-entity-substitution>'
       filter_html_help: true
       filter_html_nofollow: false
diff --git a/web/modules/custom/dpl_update/dpl_update.install b/web/modules/custom/dpl_update/dpl_update.install
index 64d77c86ab..b3b5a20186 100644
--- a/web/modules/custom/dpl_update/dpl_update.install
+++ b/web/modules/custom/dpl_update/dpl_update.install
@@ -143,6 +143,10 @@ function dpl_update_install(): string {
   $messages[] = dpl_update_update_10006();
   $messages[] = dpl_update_update_10008();
   $messages[] = dpl_update_update_10009();
+  $messages[] = dpl_update_update_10011();
+  $messages[] = dpl_update_update_10010();
+  $messages[] = dpl_update_update_10012();
+  $messages[] = dpl_update_update_10013();
 
   return implode('\r\n', $messages);
 }
@@ -236,3 +240,11 @@ function dpl_update_update_10011(): string {
 function dpl_update_update_10012(): string {
   return _dpl_update_update_translation(' DKK', ' kr.', 'DPL event');
 }
+
+
+/**
+ * Installing editor_advanced_link.
+ */
+function dpl_update_update_10013(): string {
+  return _dpl_update_install_modules(['editor_advanced_link']);
+}

From 7c43ee4f7634a7f01ca7290439e3232cf0e973f5 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Fri, 2 Aug 2024 10:12:01 +0200
Subject: [PATCH 2/5] Add custom module `dpl_link` to handle opening links in a
 new window

The `dpl_link` module extends the Linkit widget to handle link targets. It introduces a checkbox for setting the target attribute to "_self" or "_blank".

To see this in action, I have implemented it in the hero paragraph.
---
 ...ty_form_display.paragraph.hero.default.yml |  7 +-
 config/sync/core.extension.yml                |  1 +
 web/modules/custom/dpl_link/dpl_link.info.yml |  7 ++
 .../Field/FieldWidget/LinkitOptionsWidget.php | 81 +++++++++++++++++++
 .../custom/dpl_update/dpl_update.install      |  9 ++-
 .../novel/templates/components/hero.html.twig |  7 +-
 .../paragraphs/paragraph--hero.html.twig      |  2 +-
 7 files changed, 108 insertions(+), 6 deletions(-)
 create mode 100644 web/modules/custom/dpl_link/dpl_link.info.yml
 create mode 100644 web/modules/custom/dpl_link/src/Plugin/Field/FieldWidget/LinkitOptionsWidget.php

diff --git a/config/sync/core.entity_form_display.paragraph.hero.default.yml b/config/sync/core.entity_form_display.paragraph.hero.default.yml
index fb2f26920f..1864b0caa4 100644
--- a/config/sync/core.entity_form_display.paragraph.hero.default.yml
+++ b/config/sync/core.entity_form_display.paragraph.hero.default.yml
@@ -13,7 +13,7 @@ dependencies:
     - paragraphs.paragraphs_type.hero
   module:
     - datetime
-    - link
+    - dpl_link
     - media_library
     - select2
     - text
@@ -62,12 +62,15 @@ content:
       media_types: {  }
     third_party_settings: {  }
   field_hero_link:
-    type: link_default
+    type: dpl_link_options
     weight: 4
     region: content
     settings:
       placeholder_url: ''
       placeholder_title: ''
+      linkit_profile: default
+      linkit_auto_link_text: false
+      target_blank: 0
     third_party_settings: {  }
   field_hero_title:
     type: string_textfield
diff --git a/config/sync/core.extension.yml b/config/sync/core.extension.yml
index 8022f0fed2..b7c0c21691 100644
--- a/config/sync/core.extension.yml
+++ b/config/sync/core.extension.yml
@@ -47,6 +47,7 @@ module:
   dpl_instant_loan: 0
   dpl_library_agency: 0
   dpl_library_token: 0
+  dpl_link: 0
   dpl_loans: 0
   dpl_login: 0
   dpl_mail: 0
diff --git a/web/modules/custom/dpl_link/dpl_link.info.yml b/web/modules/custom/dpl_link/dpl_link.info.yml
new file mode 100644
index 0000000000..0007a2c276
--- /dev/null
+++ b/web/modules/custom/dpl_link/dpl_link.info.yml
@@ -0,0 +1,7 @@
+name: "DPL Link"
+type: module
+description: "Add functionality to link field"
+package: DPL
+core_version_requirement: ^10 || ^11
+dependencies:
+  - drupal:linkit
diff --git a/web/modules/custom/dpl_link/src/Plugin/Field/FieldWidget/LinkitOptionsWidget.php b/web/modules/custom/dpl_link/src/Plugin/Field/FieldWidget/LinkitOptionsWidget.php
new file mode 100644
index 0000000000..311954ac83
--- /dev/null
+++ b/web/modules/custom/dpl_link/src/Plugin/Field/FieldWidget/LinkitOptionsWidget.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace Drupal\dpl_link\Plugin\Field\FieldWidget;
+
+use Drupal\Core\Field\FieldItemListInterface;
+use Drupal\Core\Form\FormStateInterface;
+use Drupal\link\Plugin\Field\FieldType\LinkItem;
+use Drupal\linkit\Plugin\Field\FieldWidget\LinkitWidget;
+
+/**
+ * Plugin implementation of the 'dpl_link_options' widget.
+ *
+ * @FieldWidget(
+ *   id = "dpl_link_options",
+ *   label = @Translation("DPL Linkit with options"),
+ *   field_types = {
+ *     "link"
+ *   }
+ * )
+ */
+class LinkitOptionsWidget extends LinkitWidget {
+
+  /**
+   * {@inheritDoc}
+   *
+   * @return array<mixed>
+   *   See LinkitWidget.
+   */
+  public static function defaultSettings(): array {
+    return [
+      'target_blank' => 0,
+    ] + parent::defaultSettings();
+  }
+
+  /**
+   * {@inheritDoc}
+   */
+  public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state): array {
+    $element = parent::formElement($items, $delta, $element, $form, $form_state);
+    $item = $items[$delta] ?? NULL;
+    $target = 'self';
+
+    if ($item instanceof LinkItem) {
+      $target = $item->getValue()['options']['target'] ?? $target;
+    }
+
+    $element['target_blank'] = [
+      '#type' => 'checkbox',
+      '#title' => $this->t('Open link in new window/tab'),
+      '#default_value' => ($target === '_blank'),
+    ];
+
+    return $element;
+  }
+
+  /**
+   * {@inheritDoc}
+   *
+   * @param array<mixed> $values
+   *   See LinkitWidget.
+   * @param array<mixed> $form
+   *   See LinkitWidget.
+   * @param \Drupal\Core\Form\FormStateInterface $form_state
+   *   See LinkitWidget.
+   *
+   * @return array<mixed>
+   *   See LinkitWidget.
+   */
+  public function massageFormValues(array $values, array $form, FormStateInterface $form_state): array {
+    $values = parent::massageFormValues($values, $form, $form_state);
+
+    foreach ($values as $delta => $value) {
+      if (!empty($value['target_blank'])) {
+        $values[$delta]['options']['target'] = '_blank';
+      }
+    }
+
+    return $values;
+  }
+
+}
diff --git a/web/modules/custom/dpl_update/dpl_update.install b/web/modules/custom/dpl_update/dpl_update.install
index b3b5a20186..71a89b822a 100644
--- a/web/modules/custom/dpl_update/dpl_update.install
+++ b/web/modules/custom/dpl_update/dpl_update.install
@@ -147,6 +147,7 @@ function dpl_update_install(): string {
   $messages[] = dpl_update_update_10010();
   $messages[] = dpl_update_update_10012();
   $messages[] = dpl_update_update_10013();
+  $messages[] = dpl_update_update_10014();
 
   return implode('\r\n', $messages);
 }
@@ -241,10 +242,16 @@ function dpl_update_update_10012(): string {
   return _dpl_update_update_translation(' DKK', ' kr.', 'DPL event');
 }
 
-
 /**
  * Installing editor_advanced_link.
  */
 function dpl_update_update_10013(): string {
   return _dpl_update_install_modules(['editor_advanced_link']);
 }
+
+/**
+ * Installing dpl_link.
+ */
+function dpl_update_update_10014(): string {
+  return _dpl_update_install_modules(['dpl_link']);
+}
diff --git a/web/themes/custom/novel/templates/components/hero.html.twig b/web/themes/custom/novel/templates/components/hero.html.twig
index 3063b1c50b..9de000e011 100644
--- a/web/themes/custom/novel/templates/components/hero.html.twig
+++ b/web/themes/custom/novel/templates/components/hero.html.twig
@@ -6,8 +6,11 @@
 %}
 
 <section {{ attributes.addClass(classes) }}>
-  {% if url %}
-    <a href="{{ url }}" class="hero__content arrow arrow__hover--right-large">
+  {% if link %}
+    {% set url = link.0['#url'] %}
+    {% set target = url.options.target|default('_self') %}
+
+    <a href="{{ url }}" target="{{ target }}" class="hero__content arrow arrow__hover--right-large">
       {% include "@novel/components/hero-inner.html.twig" %}
 
       <div>
diff --git a/web/themes/custom/novel/templates/paragraphs/paragraph--hero.html.twig b/web/themes/custom/novel/templates/paragraphs/paragraph--hero.html.twig
index 8a41f6d980..cecd10f278 100644
--- a/web/themes/custom/novel/templates/paragraphs/paragraph--hero.html.twig
+++ b/web/themes/custom/novel/templates/paragraphs/paragraph--hero.html.twig
@@ -4,7 +4,7 @@
   title: content.field_hero_title,
   teaser_text: content.field_teaser_text.0,
   categories: content.field_hero_categories,
-  url: content.field_hero_link.0["#url"],
+  link: content.field_hero_link,
   content_type: content.field_hero_content_type.0,
   date: content.field_hero_date,
   description: content.field_hero_description,

From 8e07dcf610cd496a68a460a7892af1fb1bf84fbb Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Fri, 2 Aug 2024 15:33:48 +0200
Subject: [PATCH 3/5] Use `dpl_link` for `card_grid`

This adds the option to open links in a new window.

- Added the missing .link-tag CSS class.
---
 ..._form_display.paragraph.card_grid_automatic.default.yml | 7 +++++--
 ...ity_form_display.paragraph.card_grid_manual.default.yml | 7 +++++--
 .../novel/templates/components/card-grid-link.html.twig    | 4 +++-
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/config/sync/core.entity_form_display.paragraph.card_grid_automatic.default.yml b/config/sync/core.entity_form_display.paragraph.card_grid_automatic.default.yml
index b3b0156a58..7657c8b036 100644
--- a/config/sync/core.entity_form_display.paragraph.card_grid_automatic.default.yml
+++ b/config/sync/core.entity_form_display.paragraph.card_grid_automatic.default.yml
@@ -12,8 +12,8 @@ dependencies:
     - field.field.paragraph.card_grid_automatic.field_title
     - paragraphs.paragraphs_type.card_grid_automatic
   module:
+    - dpl_link
     - field_group
-    - link
     - select2
 third_party_settings:
   field_group:
@@ -82,12 +82,15 @@ content:
       match_limit: 10
     third_party_settings: {  }
   field_more_link:
-    type: link_default
+    type: dpl_link_options
     weight: 4
     region: content
     settings:
       placeholder_url: ''
       placeholder_title: ''
+      target_blank: 0
+      linkit_profile: default
+      linkit_auto_link_text: false
     third_party_settings: {  }
   field_title:
     type: string_textfield
diff --git a/config/sync/core.entity_form_display.paragraph.card_grid_manual.default.yml b/config/sync/core.entity_form_display.paragraph.card_grid_manual.default.yml
index 45580266d8..01a4ae19aa 100644
--- a/config/sync/core.entity_form_display.paragraph.card_grid_manual.default.yml
+++ b/config/sync/core.entity_form_display.paragraph.card_grid_manual.default.yml
@@ -8,8 +8,8 @@ dependencies:
     - field.field.paragraph.card_grid_manual.field_title
     - paragraphs.paragraphs_type.card_grid_manual
   module:
+    - dpl_link
     - dynamic_entity_reference
-    - link
 id: paragraph.card_grid_manual.default
 targetEntityType: paragraph
 bundle: card_grid_manual
@@ -26,12 +26,15 @@ content:
       placeholder: 'Search content..'
     third_party_settings: {  }
   field_more_link:
-    type: link_default
+    type: dpl_link_options
     weight: 10
     region: content
     settings:
       placeholder_url: ''
       placeholder_title: ''
+      target_blank: 0
+      linkit_profile: default
+      linkit_auto_link_text: false
     third_party_settings: {  }
   field_title:
     type: string_textfield
diff --git a/web/themes/custom/novel/templates/components/card-grid-link.html.twig b/web/themes/custom/novel/templates/components/card-grid-link.html.twig
index 793cefd6a0..40e59629b8 100644
--- a/web/themes/custom/novel/templates/components/card-grid-link.html.twig
+++ b/web/themes/custom/novel/templates/components/card-grid-link.html.twig
@@ -1,3 +1,5 @@
 {% for item in items %}
-  <a href="{{ item.content['#url'] }}" class="card-grid__link">{{ item.content['#title'] }}</a>
+  {% set url = item.content['#url'] %}
+  {% set target = url.options.target|default('_self') %}
+  <a href="{{ url }}" target="{{ target }}" class="card-grid__link link-tag">{{ item.content['#title'] }}</a>
 {% endfor %}

From cc58c8f7e13f8ca36c8e06a4aee4dac199b31258 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Fri, 2 Aug 2024 15:39:10 +0200
Subject: [PATCH 4/5] Use `dpl_link` for `banner`

This adds the option to open links in a new window.
---
 .../core.entity_form_display.paragraph.banner.default.yml    | 5 +++--
 .../novel/templates/paragraphs/paragraph--banner.html.twig   | 5 ++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/config/sync/core.entity_form_display.paragraph.banner.default.yml b/config/sync/core.entity_form_display.paragraph.banner.default.yml
index dea1c34026..1f22d6500d 100644
--- a/config/sync/core.entity_form_display.paragraph.banner.default.yml
+++ b/config/sync/core.entity_form_display.paragraph.banner.default.yml
@@ -9,7 +9,7 @@ dependencies:
     - field.field.paragraph.banner.field_underlined_title
     - paragraphs.paragraphs_type.banner
   module:
-    - linkit
+    - dpl_link
     - media_library
     - media_library_edit
     - text
@@ -36,7 +36,7 @@ content:
       media_library_edit:
         show_edit: '1'
   field_banner_link:
-    type: linkit
+    type: dpl_link_options
     weight: 0
     region: content
     settings:
@@ -44,6 +44,7 @@ content:
       placeholder_title: ''
       linkit_profile: default
       linkit_auto_link_text: false
+      target_blank: 0
     third_party_settings: {  }
   field_underlined_title:
     type: text_textarea
diff --git a/web/themes/custom/novel/templates/paragraphs/paragraph--banner.html.twig b/web/themes/custom/novel/templates/paragraphs/paragraph--banner.html.twig
index 34bf66a201..fd1f0aa901 100644
--- a/web/themes/custom/novel/templates/paragraphs/paragraph--banner.html.twig
+++ b/web/themes/custom/novel/templates/paragraphs/paragraph--banner.html.twig
@@ -7,7 +7,10 @@
   {% endif %}
 {% endif %}
 
-<a href="{{ content.field_banner_link[0]['#url'] }}" class="banner arrow__hover--right-large {{ image_url ? 'banner--has-image' : '' }}"
+{% set url = content.field_banner_link[0]['#url'] %}
+{% set target = url.options.target|default('_self') %}
+
+<a href="{{ url }}" target="{{ target }}" class="banner arrow__hover--right-large {{ image_url ? 'banner--has-image' : '' }}"
   {% if image_url %} style="background-image: url('{{ image_url }}');" {% endif %}>
   <div class="banner__content-wrapper">
     <div class="banner__content {{ image_url ? 'banner__content--has-image' : '' }}">

From f1ee42ce91bb88a587897713ce9a0ccbcfede2c2 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Mon, 5 Aug 2024 08:14:19 +0200
Subject: [PATCH 5/5] Add readme.md for `dpl_link` module

---
 web/modules/custom/dpl_link/README.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 web/modules/custom/dpl_link/README.md

diff --git a/web/modules/custom/dpl_link/README.md b/web/modules/custom/dpl_link/README.md
new file mode 100644
index 0000000000..04d2afa076
--- /dev/null
+++ b/web/modules/custom/dpl_link/README.md
@@ -0,0 +1,23 @@
+# Overview
+
+The DPL Linkit Options module extends the functionality of the Linkit module by
+adding an option to open links in a new window or tab. This custom field widget
+allows users to specify whether a link should open in the current window or a
+new one when creating or editing link fields in Drupal.
+
+## Configuration
+
+Once the module is enabled, you can configure the link fields in your content
+types to use the new widget:
+
+1. Navigate to the "Manage form display" page of the content type you want
+to configure.
+2. Select "DPL Linkit with options" as the widget type.
+3. Save the field settings.
+
+## Usage
+
+When editing a content item with the configured link field, you will see a new
+checkbox option labeled "Open link in new window/tab." Check this box if you
+want the link to open in a new window or tab. If left unchecked, the link will
+open in the current window.