Как использовать иконки SVG в веб-контенте Liferay - PullRequest
Новая
       53

Как использовать иконки SVG в веб-контенте Liferay

0 голосов
/ 07 февраля 2019

Я использую liferay 7.1 (ga2) и разрабатываю тему (с генератором тем).У меня проблема с иконкой svg в веб-контенте.

Я добавил каталог изображений (в / src), содержащий каталог svg, который в свою очередь содержит (спрайт) иконки svg.

В веб-контенте я хотел бы вызвать эти значки SVG, например, с помощью оператора HTML: 

<svg class="icon">
   <use xlink:href="./images/svg/sprite.svg#icona1"></use>
</svg>

Я пробовал другой путь (href).Основная проблема заключается в том, что как только я сохраняю веб-контент, Liferay автоматически переводит предыдущий код в: 

<svg class="icon">
</svg>

Следовательно, часть, относящаяся к пути (тег 'use'), удаляется.И иконки, конечно, не видны.

Почему?Что я должен сделать, чтобы включить иконки svg в веб-контент?

Спасибо

Франческо

Ответы [ 3 ]

0 голосов
/ 11 февраля 2019

@ Виктор прав.

Я также добавлю, что это редакторы WYSIWYG, а не редакторы HTML.Источник действительно не должен редактироваться вручную.Представление исходного кода доступно только для удобства.

Если вы хотите явной разметки, используйте Структура веб-контента .

0 голосов
/ 19 февраля 2019

хорошо, я решил.

Проблема не в редакторе и не в liferay.

Проблема в том, что если я скомпилирую и соберу тему начальной загрузки, в / dist dir (темы начальной загрузки) у меня будет sprite.svg, а в / src (темы начальной загрузки) у меня будут отдельные иконки.Я загрузил отдельные значки.

Вместо этого, если я скопирую sprite.svg (из темы начальной загрузки) в / src / images / svg (из темы liferay), то все будет в порядке.Также из веб-контента.

Спасибо всем.

Франческо

0 голосов
/ 11 февраля 2019

Ваша проблема не имеет ничего общего с путем или использованием тега Liferay или нет (теги даже не будут иметь никакого эффекта, если будут включены в эти элементы через редакторы).Кажется, это простая проблема редактора, которая является основной причиной вашей проблемы.

Вам необходимо настроить редактор так, чтобы он принимал тег use и избегал его удаления при очистке элементов веб-содержимого перед сохранением.

https://www.e -systems.tech / blog / - / blogs / editor-configuration-contributor

...