CODEWITHSUNDEEP
phpdrupaldrupal-8
Kevin Wenger
Kevin Wenger

Reputation: 1514

Extract Url & Title from link field in Drupal 8?

I'm trying to retrieve the URL and the Title values of a Link field in Drupal 8.

In my custom controller, I retrieve the nodes with:

$storage = \Drupal::entityManager()->getStorage('node');
$nids = $storage->getQuery()
    ->condition('type', 'partners')
    ->condition('status', 1)
    ->execute();

$partners = $storage->loadMultiple($nids);

When I loop throught all my nodes, to preprocess vars I'll give to my view, I would like to retrieve the URL and the Title.

foreach ($partners as $key => $partner) {
    $variables['partners'][] = array(
        'image' => $partner->field_logo->entity->url(),
        'url'   => $partner->field_link->value, // Can't retrieve values of link field
    );
}

Unfortunately, I don't found how to retrieve the URL and the Title of field_link.

Thanks for your help.

Upvotes: 23

Views: 61365

Answers (12)

Nikola
Nikola

Reputation: 1

If you need customized link in drupal twig: create file from

field.html.twig

to

field--{{{WHERE}}}--field-link--{{{NAME_TEMPLATE}}}.html.twig

In file changed:

{{ item.content }}

to:

<a href="{{ item.content['#url'] }}" target="_blank">{{ item.content['#title'] }}</a>

Upvotes: 0

JFC
JFC

Reputation: 586

If you're doing it in a preprocess, I'd suggest to base your code on LinkSeparateFormatter.php. It shows the idea on how to get the title from the link field. Here's a way to do it.

use Drupal\Component\Utility\Unicode;

//...

$field_link = $entity->field_link->first();
$link_url = $field_link->getUrl();
$link_data = $field_link->toArray();
// If you want to truncate the url
$link_title = Unicode::truncate($link_url->toString(), 40, FALSE, TRUE);
if(!empty($link_data['title'])){
  // You could truncate here as well
  $link_title = $link_data['title'];
}
$variables['content'] = [
  '#type' => 'link',
  '#url' => $link_url,
  '#title' => $link_title,
];

Upvotes: 1

mel-miller
mel-miller

Reputation: 41

If you want to do this in a field template instead of a node template do this:

{% for item in items %}
  {{ item.content['#url'] }}
  {{ item.content['#title'] }}
{% endfor %}

Alternately, if this is not a multi-value field you can just do this instead:

{{ items|first.content['#url'] }}
{{ items|first.content['#title'] }}

Upvotes: 4

Jignesh Rawal
Jignesh Rawal

Reputation: 549

One more way is to add another field Path:Content if you are trying to fetch the URL in Views Fields

Upvotes: 0

Debasish
Debasish

Reputation: 61

After rendering a block if you want to access the link field used in it then you can use like this $render['field_target_url']['#items']->uri inside node preprocess hook.

Upvotes: 0

Benjen
Benjen

Reputation: 2925

You can render either the uri or text of a link field directly in the twig template. In the case of a node you can use either of the following within the twig template file (assumes the machine name of your link field is field_link): 

{{ node.field_link.uri }}

{{ node.field_link.title }}

Upvotes: 2

Arti Prasad
Arti Prasad

Reputation: 91

I am doing this link separation for ECK fields and this solution really helped me. I have updated the code for ECK fields for apply inline style in twig file like this:

<a style="color: {{ entity.field_link_color[0] }};" href="{{ entity.field_link[0]['#url'] }}"> {{ entity.field_link[0]['#title'] }} </a>

To get url:
{{ entity.field_link[0]['#url'] }}

To get link title:
{{ entity.field_link[0]['#title'] }}

Upvotes: 0

Vishal Rao
Vishal Rao

Reputation: 912

Updated for Drupal 8

To get the url all you need to do is:

{{ content.field_link_name[0]['#url'] }}

To get the link text:

{{ content.field_link_name[0]['#title'] }}

Upvotes: 3

Mark Conroy
Mark Conroy

Reputation: 709

At the node level, inside your Twig template you can use:

{{ content.field_link.0['#url'] }} & {{ content.field_link.0['#title'] }}

For example:

<a href="{{ content.field_link.0['#url'] }}">{{ content.field_link.0['#title'] }}</a>

field_link being the name of the link field in question.

Upvotes: 43

zanvidmar
zanvidmar

Reputation: 421

This one works for me in twig:

content.field_link_name.0['#title']        // title
content.field_link_name.0['#url_title']    // url value

*you should use: "Separate link text and URL" widget in display

Upvotes: 1

Greg
Greg

Reputation: 131

Just to piggyback on the above, if you have an external link,

$node->field_name->uri

Will give you the URL, but if it's an internal you may need to tweak a bit more:

use Drupal\Core\Url;

$mylink = Url::fromUri($node->field_name[0]->uri);
$mylink->toString();

Upvotes: 13

Kevin Wenger
Kevin Wenger

Reputation: 1514

I just found the solution ... 

$partner->field_lien->uri // The url
$partner->field_lien->title // The title

My bad, hope it could help someone.

Upvotes: 15

Related Questions