Nhận đường dẫn đến tài sản chủ đề trong mẫu Twig

Tôi có một câu hỏi về việc nhận đường dẫn đến hình ảnh trong mẫu Twig. Hình ảnh không được gán cho một lĩnh vực hoặc một cái gì đó. Chỉ là một hình ảnh tĩnh được lưu trữ trong "MYTHEME / image / icon / my-icon.png".

Trong Drupal 7, tôi nhận được đường dẫn trong node.template của mình với đoạn mã sau:

<img src="<?php print base_path() . path_to_theme(); ?>/image/icons">/my-icon.png

Làm thế nào nó hoạt động với trong Drupal 8? Tôi đã cố gắng để vượt qua một biến trong template_preprocess_node().

MYTHEME.theme:

$variables['images_path'] = \Drupal::theme()->getActiveTheme()->getPath() . '/image/';

Mẫu cành:

<img src="{{ images_path  ~ 'icons/' ~ 'my-icon.png' }}">

Nó không hoạt động. Không có lỗi PHP, nhưng đường dẫn được nói sai là http: //localhost/node/theme/template/image/icons/my-icon.png .

bạn có thể sử dụng {{ base_path ~ directory }}để khắc phục vấn đề tuyệt đối, không cần thực hiện bất kỳ quá trình tiền xử lý nào, cả hai biến này đều được bao gồm bởi lõi.

Ví dụ

<img src="{{ base_path ~ directory }}/images/logo.png" alt="My Logo" />

Tái bút người ~trợ giúp trong twigenate.

Chỉnh sửa: ít nhất là trong trang * .html.twig mẫu bao gồm biến base_path, có thể bạn sẽ cần phải xử lý trước cho các mẫu khác, bạn có thể dễ dàng kiểm tra {{ dump() }}nếu có các biến

// File: THEMENAME.theme in your theme's root directory
function THEMENAME_preprocess(&$variables, $hook)
{
    $variables['base_path'] = base_path();
}

Theo mặc định, có một {{ directory }}biến mà bạn có thể sử dụng trỏ đến thư mục chủ đề của mình. Vấn đề là, nó không tuyệt đối, giống như bạn đã thêm. Tôi nghĩ đó là một lỗi trong lõi bởi vì nó nên bao gồm đường dẫn cơ sở, nhưng việc thay đổi đó tất nhiên sẽ phá vỡ các trang web hiện có sử dụng nó.

Vì vậy, bạn cần thêm một / ở phía trước của nó; điều này sẽ phá vỡ nếu Drupal được cài đặt trong thư mục con. Bạn có thể mã hóa cứng trong mẫu của mình hoặc tiếp tục sử dụng base_path()như bạn đã làm trong 7.x trong một biến tùy chỉnh.

<img src="/{{ directory }}/images/logo.png"/> 

làm việc cho tôi khi

<img src="{{ base_path ~ directory }}/images/logo.png" alt="My Logo" />

đã không

đối với mẫu nội dung, tôi phải sử dụng trong .module

   function hook_preprocess(&$variables, $hook) {

  $module_handler = Drupal::service('module_handler');
  $path = $module_handler->getModule('myModuleName')->getPath();

  if(isset($variables['region']) && $variables['region'] == 'content'){
    $variables['module_path'] = $path;
    $variables['http_host'] = $_SERVER['HTTP_HOST'];

và

  <img src="{{ module_path }}/images/error404.png" />
  <img src="//{{ http_host }}/{{ module_path }}/images/error403.png" />