Squeak.ru - шаблоны программирования

TYPO3 7.6: добавить код после тега body для Facebook, вызываемого гибким шаблоном

Я вставляю гибкий шаблон в качестве элемента контента где-нибудь на странице, содержащей плагин facebook (developers.facebook.com) ... этот плагин требует, чтобы SDK загружался один раз сразу после открывающего тега <body>.

Я могу включить SDK на каждой странице с помощью следующего кода:

page {
    bodyTagCObject.stdWrap.append = TEXT
    bodyTagCObject.stdWrap.append.value (
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_Us/sdk.js#xfbml=1&version=v2.9";fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
    )
}

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

это гибкий шаблон (переменная 'facebook' является константой, содержащей соответствующий URL-адрес):

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    data-namespace-typo3-fluid="true">

<div class="fb-page"
 data-href="{facebook}"
 data-tabs="timeline"
 data-small-header="false"
 data-adapt-container-width="true"
 data-hide-cover="false"
 data-show-facepile="true">
    <blockquote cite="{facebook}" class="fb-xfbml-parse-ignore">
        <a href="{facebook}">{facebook}</a>
    </blockquote>
</div>
</html>

Я пробовал, может ли <f:cObject> viewhelper заполнить значение для bodyTagCObject.stdWrap.append, возможно, может, но у меня ничего не получилось...


Ответы:


1

Моим решением было бы найти

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_Us/sdk.js#xfbml=1&version=v2.9";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

в один файл и загрузите его в свой шаблон с помощью Asset Viewhelper расширение "vhs". Затем вы можете добавить свой div к тегу body:

page {
  bodyTagCObject.stdWrap.append = TEXT
  bodyTagCObject.stdWrap.append.value (
    <div id="fb-root"></div>
  )
}

Он появляется на каждой странице, но сценарий будет вставлен только тогда, когда будет вставлен элемент содержимого. Я надеюсь, что это поможет вам.

12.06.2017
  • Txs за предложение, но я больше ищу решение, как IncludeFileViewHelper.php в расширении новостей georg ringer, вызываемое в корыте шаблона <n:includeFile path="{settings.cssFile}" /> 13.06.2017
  • Новые материалы

    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...