Zweig: Externen Code aus einer SVG-Datei einfügen

Question

Ist es möglich, Code aus einer SVG-Datei direkt in eine Zweigvorlagen-Datei einzufügen?

Etwas wie:

{% include 'my.svg' %} 

, die in führt:

<svg viewbox=".... /> 

Answer 1

Sie können eine neue Variable in einem Drupal8 Thema tun über die Einstellung:

function theme_preprocess_page(&$variables) { 
    $svg = file_get_contents(drupal_get_path('theme', 'socialbase') . '/images/icons.svg'); 
    $variables['svg_sprite'] = t('svg', array('svg' => $svg)); 
} 

In Ihrem Zweig Datei Sie können es drucken mit:

{{ svg_sprite }} 

Answer 2

Hatte ein ähnliches Problem, am Ende umbenannt meine SVGs zu .twig Dateien.

{% include 'my.svg.twig' %}

Answer 3

Eine Möglichkeit, dies zu tun:

{{ source('my.svg') }} 

Lesen Sie mehr hier: https://www.theodo.fr/blog/2017/01/integrating-and-interacting-with-svg-image-files-using-twig/

Answer 4

Für mich es funktionierte:

{% include '/images/my.svg' %} 

Nur ein kurzes Update, wenn Sie verwenden Drupal 8, weil der Code in der p Die vorherige Antwort funktionierte nicht für mich. Dies ist, wie ich es tat:

function theme_preprocess_page(&$variables) { 
    $svg = file_get_contents(drupal_get_path('theme', 'theme_name') . '/images/my.svg'); 
    $variables['some_svg'] = $svg)); 
} 

Und in den Zweig Datei, die ich outputed es wie folgt aus:

{{ some_svg|raw }} 

Answer 5

Bei Thema ist es gut Option {{ directory }} Variable zu verwenden, der Pfad zum Thema hält.

{{ source(directory ~ '/images/my.svg') }}