Блог

Мне нужно иметь возможность использовать пользовательские короткие коды внутри содержимого, которое возвращается из глобальных данных с использованием разбивки на страницы.

Чтобы проиллюстрировать, что я пытаюсь сделать, рассмотрим этот источник данных :

./site/data/article.js

 module.exports = () => {
  return [
    {
      "title": "Page 1",
      "description": "Description for page 1",
      "permalink": "/sample/page1",
      "content": `## Sample Page 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Nam dignissim. 
    
    {% jumpto %}

    Cras faucibus at mauris 
    varius imperdiet. `
    },
    {
      "title": "Page 2",
      "description": "Description for page 2",
      "permalink": "/sample/page2",
      "content": `## Sample Page 2
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Nam dignissim. 
    
    {% jumpto %}

    Cras faucibus at mauris 
    varius imperdiet. `
    },
  ]
}

  

** ПРИМЕЧАНИЕ ** Обратите внимание на использование {% jumpto %} в приведенном выше коде

и вот шаблон для данных статьи …

./site/articles.njk

 ---
pagination:
  data: articles
  size: 1
  alias: article
  addAllPagesToCollections: true
layout: article
permalink: "{{ article.permalink }}/"
templateEngineOverride: md, njk
eleventyComputed:
  title: "{{ article.title }}"
  description: "{{ article.description }}"
---

{{ article.content }}
  

Когда это отображается, оно не обрабатывает {% jumpto %} короткие коды, которые возвращаются из article.content .

Есть ли какой-нибудь способ ввести article.content в шаблон, чтобы он обрабатывался как код шаблона?

Я полагаю, что вложенные короткие коды внутри содержимого, которое само было вставлено с помощью короткого кода, в настоящее время не поддерживаются. Что-то подобное может привести к странной бесконечной рекурсии и открыть больше возможностей для уязвимостей XSS или инъекций, если ввод CMS неправильно экранирован, как и текущее значение по умолчанию.

Чтобы сделать то, что вы хотите, есть возможность добавить пользовательский фильтр и использовать его в вашем файле njk для последующей обработки содержимого.

 {{ article.content | processNestedShortcodes}}
  

В качестве альтернативы, если ваш реальный вариант использования такой же простой, как приведенный выше пример кода, было бы проще разделить вводимый вами контент на два и определить ваш шаблон njk как:

 {{ article.content1 }}

{% jumpto %}

{{ article.content2 }}