Comment ajouter un script avec Twig

MaxSliw
Javascript

Bonjour,

Voila je rencontre un petit problème avec Twig.
J'ai créer une page HTML (Twig) qui "extends" d'une page "layout".

Ce que je veux

Je voudrais ajouter un script Javascript utilisant Jquery à la fin de ma page "layout" (juste avant la balise body).
Comment faire ? Merci d'avance.

Le code

layout.twig

<html lang="fr">

<head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="/css/admin.css" />
</head>

<body>

     <article>
        {% block contenu %}{% endblock %}
     </article>
    <!-- jQuery -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</body>

</html>

maPage.twig

{% extends "./layout.twig" %} {% block contenu %}
    <script>
        $(document).on('focusin', function (e) {
            if ($(e.target).closest(".mce-window, .moxman-window").length) {
                e.stopImmediatePropagation();
            }
        });
    </script>
{% endblock %}

1 réponse

emile01
Réponse acceptée

Salut,

Pour lire le code javaScript dans une page html qu'utilise le moteur de template twig, nécessite une recherche sur la sructuration de template twig.

Donc, avant la base body ajoutez ce bloc du code. la base {% block javascripts %} permet d'accéder et de lire les fichiers JS.

{% block javascripts %}
    <script src="{{ asset('PathDuFichier/tonFichier.js') }}"></script>
    <script src="Ton_URL"></script>
    <script type="text/javascript">
    // Mettre Ton Script Ici  
    </script>
{% endblock %}

Je te conseil de consulter ce tutoriel : Lien

A+