1

я использую версию php 7.4.16, slim 4 и twig ^3.2 для создания блога. Проблема заключается в том что моя перремнная вставляется как строка, а не как часть разметки html

проблема

Структура проетка

>  templates:
>          base.twig
>          home.twig 
>  index.php

содержимое home.twig

<div> Lorem <div>

содержимое base.twig

<!DOCTYPE html>
<html lang="en">
<head>
    <title> {{ title }} </title>
</head>
<body>
    {{ content }}
</body>
</html>

В index.php я выполняю код

<?php
use Psr\Http\Message\ResponseInterface as Response;
use Psr\Http\Message\ServerRequestInterface as Request;
use Slim\Factory\AppFactory;

require __DIR__ . '/vendor/autoload.php';

$app = AppFactory::create();

$app->get('/', function (Request $request, Response $response, $args) use($view) {
    $loader = new \Twig\Loader\FilesystemLoader('templates');
    $twig = new \Twig\Environment($loader, [
        'cache' => 'cache',
    ]);
  

    $home =  file_get_contents ('templates/home.twig'); // получаю содержимое из home.twig
    
    echo $twig->render('base.twig', ['title' => 'home', 'content' => $home ]); // тут я вставляю в перемнную content содержимое $home       
    return $response;
});




$app->run();

Подскажите пожалуйста, как решить данную проблему ?

2 ответа 2

2

Твиг по умолчанию экранирует все данные при выводе. Чтобы выводить данные как есть, используй фильтр raw:

<body>
    {{ content|raw }}
</body>

Экранирование по умолчанию нужно, чтобы некоторые не жаловались, что у них возникает какой-нибудь XSS из-за твига.

Дополнительно можно установить в false опцию autoescape при создании объекта класса Environment, но это опять же небезопасно, так как в этом случае вообще все выводимые переменные будут выводиться как есть, что повышает шансы XSS.

4
  • А есть ли другое решение данной проблемы ? В моем случае данный метод все также выводит результат, как на изображение выше. 2 мая 2021 в 19:17
  • 1
    Все должно работать, возможно надо очистить твиговый кеш.
    – u_mulder
    2 мая 2021 в 20:03
  • Да, все верно, проблема оказалась в кеше. Спасибо большое за помощь. 2 мая 2021 в 20:10
  • Обновил ответ с настройкой для инстанса Environment.
    – u_mulder
    2 мая 2021 в 20:24
1

Twig поддерживает layout'ы - это то, что вам нужно

base.twig перепишите так:

<!DOCTYPE html>
<html lang="en">
<head>
    <title> {{ title }} </title>
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>

home.twig так:

{% extends 'base.twig' %}

{% block content %}
<div> Lorem <div>
{% endblock %}

И index.php так:

<?php
use Psr\Http\Message\ResponseInterface as Response;
use Psr\Http\Message\ServerRequestInterface as Request;
use Slim\Factory\AppFactory;

require __DIR__ . '/vendor/autoload.php';

$app = AppFactory::create();

$loader = new \Twig\Loader\FilesystemLoader('templates');
$twig = new \Twig\Environment($loader, [
    'cache' => 'cache',
]);

$app->get('/', function (Request $request, Response $response, $args) use($twig) {
    // лучше получать объект twig через зависимости, но это уже другая тема

    $response->getBody()->write($twig->render('home.twig', [
        'title' => 'home',
    ]));
    return $response;
});




$app->run();
1
  • спасибо большое за информацию) 7 мая 2021 в 23:16

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.