How can I access the page data when a custom tag (shortcode) is rendered?

[gabipetrovay]

Having such a page with the YAML front-matter:

---
title: this is front-matter data
---
Page content
{% myCustomTag valueOfArg1 %}

How can I access the front-matter page data in the handler function of the customTag shortcode?

eleventyConfig.addShortcode('myCustomTag', function(arg1) {
    // how can I access here the page front-matter data? E.g. "title"
    return `<div>...${ arg1 }...</div>`;
});

Posted also on Stack Overflow.

[pdehaan]

Possibly related #741

[gabipetrovay]

#741 talks about the page data and not the page front-matter (referred in #741 as context or as data cascade). #741 also does not answer the latest questions (after closing) on this matter: can one access the page front-matter/context/data cascade from the shortcode code? If not, are there plans to have it available in the future? Also #1044 makes no statements on this.

[solution-loisir]

Hi @gabipetrovay, I guess that, in your case, you can pass title as an argument.

---
title: Your Title
---
{% myCustomTag title %}

[gabipetrovay]

I want to use custom tags that collect data from the page front matter rather than having the page editor supply it every time. This simplifies editing of page sources AND minimises human errors/page build failures:

---
myCustomTagDefaultArg: my value
---
{% myCustomTag %}
...
{% myCustomTag %}
...
{% myCustomTag 'this is an override' %}
...
{% myCustomTag %}

[mahnunchik]

I think page data may be passed to filters, shortcodes, and transforms in the way eleventyComputed already does. #2135