Регистрация Войти
Рейтинг:1
avatar Drupal

Как отобразить изображение SVG?

флаг cn
FrYN

Я добавил следующий код для поля «Глобальный: Пользовательский текст».

<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>

Изображение SVG не отображается.

Скриншот

Как отобразить изображение SVG?

116
0 + 0
9
флаг cn
FrYN
@PatrickKenny Невозможно изменить текстовый формат глобального поля https://ibb.co/BnYVzCD
0
Ответить
флаг cn
Patrick Kenny
Моя ошибка. В качестве обходного пути вы, вероятно, можете сохранить SVG как файл и сослаться на него как на изображение.
0
Ответить
флаг cn
FrYN
@ Патрик Кенни да, это возможно, но я считаю, что это чище с кодом напрямую
0
Ответить
флаг cn
Patrick Kenny
Конечно. Другой способ сделать это в коде — добавить шаблон темы для представления. Недостатком этого подхода является то, что его нельзя редактировать в пользовательском интерфейсе администратора Views.
0
Ответить
флаг cn
FrYN
Жаль, что Drupal не поддерживает SVG в своем интерфейсе. Это усложняет вещи
0
Ответить
Рейтинг:0
avatar Drupal
флаг de
steveoriol

Вы можете использовать CSS, чтобы добавить свой SVG, или, если вы хотите, чтобы он был встроенным, вы также можете добавить его в шаблон ветки (например, так: поле просмотра-вида--yourviewid--nothing.html.twig). Затем добавьте что-то вроде этого в любое место в файле:

{{ включить('@youtheme/images/picto.svg') }}

В пределах вашего вашатема.info.yml, Добавь это:

составные части:
  пространства имен:
    твоя тема:
      - .

Включить составные части модуль.

или же

{{ включить (каталог ~ '/images/picto.svg') }}

или же

{{ источник (каталог ~ '/images/picto.svg') }}
0 + 0
флаг Moldova
Admin
Этот вопрос на других языках:

Ответить или комментировать

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