Tham gia Đăng nhập
Điểm:1
avatar Drupal

Làm cách nào để hiển thị hình ảnh SVG?

lá cờ cn
FrYN

Tôi đã thêm đoạn mã sau cho trường "Toàn cầu: Văn bản tùy chỉnh".

<div class="messages-list__item messages messages--warning" data-drupal-selector="messages" role="contentinfo" aria-label="Warning message" data-once="messages">
    <div class="messages__container" data-drupal-selector="messages-container">
        <div class="messages__header">
            <h2 class="visually-hidden">Warning message</h2>
            <div class="messages__icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32"><path d="M16,0C7.2,0,0,7.2,0,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16C32,7.2,24.8,0,16,0z M18.7,26c0,0.4-0.3,0.7-0.6,0.7h-4c-0.4,0-0.7-0.3-0.7-0.7v-4c0-0.4,0.3-0.7,0.7-0.7h4c0.4,0,0.6,0.3,0.6,0.7V26z M18.6,18.8c0,0.3-0.3,0.5-0.7,0.5h-3.9c-0.4,0-0.7-0.2-0.7-0.5L13,5.9c0-0.1,0.1-0.3,0.2-0.4c0.1-0.1,0.3-0.2,0.5-0.2h4.6c0.2,0,0.4,0.1,0.5,0.2C18.9,5.6,19,5.7,19,5.9L18.6,18.8z"></path></svg>
            </div>
        </div>
        <div class="messages__content">
            <ul class="messages__list">
                {{ field_warning_affiliation }}
                {{ field_warning_investment }}
            </ul>
        </div>
    </div>
</div>

Hình ảnh SVG không được hiển thị.

ảnh chụp màn hình

Làm cách nào để hiển thị hình ảnh SVG?

116
0 + 0
9
lá cờ cn
FrYN
@PatrickKenny Không thể sửa đổi định dạng văn bản của trường toàn cầu https://ibb.co/BnYVzCD
0
Hồi đáp
lá cờ cn
Patrick Kenny
Lỗi của tôi. Như một giải pháp thay thế, bạn có thể lưu SVG dưới dạng tệp và liên kết với nó dưới dạng hình ảnh.
0
Hồi đáp
lá cờ cn
FrYN
@Patrick Kenny vâng, có thể nhưng tôi thấy nó sạch hơn với mã trực tiếp
0
Hồi đáp
lá cờ cn
Patrick Kenny
Chắc chắn rồi. Một cách khác để làm điều này trong mã là thêm một mẫu chủ đề cho chế độ xem. Nhược điểm của phương pháp này là nó sẽ không thể chỉnh sửa được trong giao diện người dùng quản trị Chế độ xem.
0
Hồi đáp
lá cờ cn
FrYN
Thật tệ là Drupal không hỗ trợ SVG trong giao diện của nó. Nó làm phức tạp mọi thứ
0
Hồi đáp
Điểm:0
avatar Drupal
lá cờ de
steveoriol

Bạn có thể sử dụng CSS để thêm SVG của mình hoặc nếu bạn muốn nó nội tuyến, bạn cũng có thể thêm nó vào trong một mẫu twig (như thế này: views-view-field--yourviewid--nothing.html.twig). Sau đó, thêm một cái gì đó như thế này vào bất cứ nơi nào bạn muốn trong tệp:

{{ bao gồm('@youtheme/images/picto.svg') }}

Trong vòng của bạn yourtheme.info.yml, thêm điều này:

các thành phần:
  không gian tên:
    chủ đề của bạn:
      - .

Kích hoạt các thành phần mô-đun.

hoặc

{{ bao gồm(thư mục ~ '/images/picto.svg') }}

hoặc

{{ nguồn(thư mục ~ '/images/picto.svg') }}
0 + 0
lá cờ VietNam
Phan Văn Trường
Câu hỏi này là trong các ngôn ngữ khác:

Đăng câu trả lời

Hầu hết mọi người không hiểu rằng việc đặt nhiều câu hỏi sẽ mở ra cơ hội học hỏi và cải thiện mối quan hệ giữa các cá nhân. Ví dụ, trong các nghiên cứu của Alison, mặc dù mọi người có thể nhớ chính xác có bao nhiêu câu hỏi đã được đặt ra trong các cuộc trò chuyện của họ, nhưng họ không trực giác nhận ra mối liên hệ giữa câu hỏi và sự yêu thích. Qua bốn nghiên cứu, trong đó những người tham gia tự tham gia vào các cuộc trò chuyện hoặc đọc bản ghi lại các cuộc trò chuyện của người khác, mọi người có xu hướng không nhận ra rằng việc đặt câu hỏi sẽ ảnh hưởng—hoặc đã ảnh hưởng—mức độ thân thiện giữa những người đối thoại.