Kết xuất văn bản đơn giản dưới dạng HTML trong Drupal 8 twig

Tôi đã chạy vào một bức tường cố gắng kết xuất mã đánh dấu hình ảnh svg thành html từ một trường văn bản thuần túy.

Tôi đang tìm cách kết xuất mã svg từ trường văn bản đơn giản mà không ghi đè kết xuất trường văn bản đơn giản ở mọi nơi khác.

định dạng văn bản thuần túy hiện chuyển đổi tất cả các thẻ html và <> thành < >.

Tôi đã tạo một mẫu trường và thử cả hai xuất nội dung trường dưới dạng

{{ item.content.context.value }}

và

{{ item.content|raw }}

cả hai đều hiển thị giá trị dưới dạng chuỗi bao quanh mỗi dòng bằng "dấu ngoặc kép" và chuyển đổi dấu ngắt dòng thành <br/>thẻ.

Trước đây tôi có loại văn bản được định dạng trường, nhưng nó cũng bao bọc mọi thứ trong <pre>thẻ, ngay cả khi tất cả các thẻ được cho phép. Tôi thực sự muốn làm cho nó hoạt động với văn bản đơn giản.

Ví dụ về mã Svg mà trường phải giữ ở dạng văn bản:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 290 290" enable-background="new 0 0 290 290" xml:space="preserve">
    <g>
        <path fill="none" stroke="#78C681" stroke-width="3" stroke-miterlimit="10" d="M261.1,273.1H28.9c-6.6,0-12-5.4-12-12V28.9
            c0-6.6,5.4-12,12-12h232.1c6.6,0,12,5.4,12,12v232.1C273.1,267.7,267.7,273.1,261.1,273.1z"/>
        <circle fill="none" stroke="#1B435D" stroke-width="2" stroke-miterlimit="10" cx="145.2" cy="166.9" r="62.7"/>
        <line fill="none" stroke="#78C681" stroke-width="3" stroke-miterlimit="10" x1="16.9" y1="60.8" x2="273.1" y2="60.8"/>
        <circle fill="none" stroke="#1B435D" stroke-width="2" stroke-miterlimit="10" cx="178.3" cy="152.3" r="6.8"/>
        <path fill="none" stroke="#1B435D" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M115.1,167.9
            c8.8,0,22.3,3.2,28.4,4.7"/>
        <path fill="none" stroke="#1B435D" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M151.9,216.9
            c0,0,17.2-1.5,29.6-14.8"/>
    </g>
</svg>

Hy vọng ai đó có thể giúp đỡ.

Tốt,

Alari

Một giải pháp của iworkyon từ cộng đồng Drupal:

trường - nút - [tên trường] .html.twig:

{% if svg %}
  <div class="my-svg">
    {{ svg|raw }}
  </div>
{% endif %}

THEME.info:

/**
* Implements hook_preprocess_field().
*/
function MYTHEME_preprocess_field(&$variables, $hook) {
    switch ($variables['element']['#field_name']) {
      case 'field_svg_test':
        $variables['svg'] = $variables['items'][0]['content']['#context']['value'];
        break;
    }
}

Bạn đã thử áp dụng bộ lọc thô trên giá trị?

{{ item.content.context.value|raw }}

Nhưng điều này không an toàn. Để xuất tệp, bạn có thể sử dụng một trường tệp. Điều này có các trình định dạng trường chính xác để tạo liên kết. Nếu bạn không thể định cấu hình liên kết trong ui theo nhu cầu của mình, bạn có thể sửa đổi twig hoặc tiền xử lý cho trường cụ thể này.

Điều này làm việc cho tôi:

{{ item.content['#context'].value|raw }}