Как в Highload-блок вывести картинку с тега svg?

Question

[sagaton]

Есть Highload-блок
в нем нзвание описание и картинка
пытался закинуть весь тег

<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                              d="M46 32C46 40.2843 39.2843 47 31 47C25.9087 47 21.4098 44.4635 18.6982 40.5852L16.0062 39.2392L12.8973 40.7886C12.3343 41.0703 11.6716 41.0705 11.1085 40.7891L8.00568 39.2386L4.89443 40.7889C3.56463 41.4538 2 40.4868 2 39V4.99971C2 2.78895 3.78647 1 6.00174 1H33.9983C36.2089 1 38 2.7859 38 4.99971V18.7301C42.7578 21.2451 46 26.2439 46 32ZM33.9983 5L6 4.99971V35.7611L7.10557 35.2111C7.66847 34.9297 8.33102 34.9296 8.89399 35.2109L12.02 36.771L15.1051 35.2114C15.4804 35.0236 15.9 34.9609 16.3048 35.0233C16.105 34.0468 16 33.0356 16 32C16 30.9726 16.1033 29.9693 16.3001 29H12.0009C10.8958 29 10 28.1123 10 27C10 25.8954 10.9016 25 12.0009 25H17.7301C20.2451 20.2422 25.2439 17 31 17C32.0291 17 33.0339 17.1036 34.0047 17.301C34.0025 10.7631 33.9983 5 33.9983 5ZM10 19C10 17.8954 10.8867 17 11.9981 17H16.0019C17.1054 17 18 17.8877 18 19C18 20.1046 17.1133 21 16.0019 21H11.9981C10.8946 21 10 20.1123 10 19ZM10 11C10 9.89543 10.8982 9 11.9908 9H28.0092C29.1087 9 30 9.88773 30 11C30 12.1046 29.1018 13 28.0092 13H11.9908C10.8913 13 10 12.1123 10 11ZM31 43C37.0751 43 42 38.0751 42 32C42 25.9249 37.0751 21 31 21C24.9249 21 20 25.9249 20 32C20 38.0751 24.9249 43 31 43ZM27.5857 38.4141L23.5862 34.4141C22.8052 33.633 22.8053 32.3667 23.5864 31.5857C24.3675 30.8047 25.6338 30.8048 26.4148 31.5859L29.0234 34.1948L35.5858 27.5858C36.3668 26.8047 37.6332 26.8047 38.4142 27.5858C39.1953 28.3668 39.1953 29.6332 38.4142 30.4142L30.4142 38.4142C29.6331 39.1953 28.3667 39.1953 27.5857 38.4141Z"
                              fill="#3CB156"/>
                    </svg>

но выводит как тут. как сделать чтоб вывело как надо а не кодом?
Highload-блок тип строка
а вывожу <?=$row['UF_IM']?>

Answer 1

[Sergey]

htmlspecialcharsBack

Comments

[sagaton]

Sergey
Тупо выводит так
если отдельно вставить то появляется картинка а в hlblick выводит в кавычках

<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 23.0163 39.3323 25.8766 38.1366 28.4412L39.8913 36.8408C40.3435 39.0055 38.9635 40.3895 36.8016 39.9305L28.4136 38.1495C25.8561 39.3371 23.0055 40 20 40ZM27.9392 33.9596L35.5427 35.5852L33.9491 27.9568L34.5113 26.751C35.4875 24.657 36 22.3687 36 20C36 11.1634 28.8366 4 20 4C11.1634 4 4 11.1634 4 20C4 28.8366 11.1634 36 20 36C22.3604 36 24.6409 35.4911 26.729 34.5215L27.9392 33.9596ZM23 20C23 21.6569 21.6569 23 20 23C18.3431 23 17 21.6569 17 20C17 18.3431 18.3431 17 20 17C21.6569 17 23 18.3431 23 20ZM12 23C13.6569 23 15 21.6569 15 20C15 18.3431 13.6569 17 12 17C10.3431 17 9 18.3431 9 20C9 21.6569 10.3431 23 12 23ZM31 20C31 21.6569 29.6569 23 28 23C26.3431 23 25 21.6569 25 20C25 18.3431 26.3431 17 28 17C29.6569 17 31 18.3431 31 20Z" fill="#3CB156"></path></svg>

[sagaton]

Вывожу так
<?= htmlspecialcharsBack($row ['UF_IM'])?>

[Sergey]

Я не очень понимаю, что значит "тупо выводит так" и "если отдельно вставить". Картинками покажите часть страницы и кода html в инспекторе. Посмотрите var_dump'ом, что в $row['UF_IM'] у вас и в зависимости от этого воспользоваться одной из этих функций. Возможно надо функцией HTMLToTxt или TxtToHTML, или комбинацией нескольких функций. Я же не вижу что у вас в переменной, но если приходят данные сырые из базы данных, то они конвертированы в спецсимволы, так как база данных не может прямым текстом хранить всю партянку кода.

[sagaton]

Sergey,
https://prnt.sc/H-m7jmH3noGp
<? foreach ($arResult['rows'] as $row): ?>

<?=htmlspecialcharsBack($row ['UF_IM']);?>

<?=$row['UF_NAME']?>
<?=$row['UF_DES']?>

<? endforeach; ?>

[sagaton]

https://prnt.sc/IXTD-W1nLT-R

[sagaton]

Sergey,

Перепробовал и никак не могу отобразить картинку. может есть еще какие варианты?

[Sergey]

я просил картинку страницы с html кодом. например так



а также вывод var_dump($row ['UF_IM'])

[sagaton]

Sergey,
var_dump($row ['UF_IM'])

string(2321) "<div id="bx_incl_area_5_1_1">&amp;lt;svg  xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; &amp;gt;   &amp;lt;symbol id=&amp;quot;logo&amp;quot; viewBox=&amp;quot;0 0 170.1 62.4&amp;quot;&amp;gt;     &amp;lt;path d=&amp;quot;M122.5,5.7h1l1.1,2.1h0.9l-1-2c-0.1-0.2-0.2-0.3-0.2-0.3v0c0.5-0.1,1-0.6,1-1.4c0-0.9-0.6-1.6-1.6-1.6h-1.9              v5.3h0.8V5.7z M122.5,3.2h1c0.6,0,0.9,0.3,0.9,0.9c0,0.6-0.4,1-0.9,1h-1V3.2z&amp;quot;/&amp;gt;     &amp;lt;path d=&amp;quot;M123.4,10.2c2.7,0,4.8-2.2,4.8-4.9c0-2.7-2.1-4.9-4.8-4.9c-2.6,0-4.8,2.2-4.8,4.9              C118.6,8,120.7,10.2,123.4,10.2z M123.4,1c2.3,0,4.1,1.8,4.1,4.2c0,2.4-1.8,4.2-4.1,4.2c-2.3,0-4-1.8-4-4.2              C119.4,2.9,121.1,1,123.4,1z&amp;quot;/&amp;gt;     &amp;lt;path d=&amp;quot;M168.2,32.6c-0.8-1.3-3.4-5.4-3.5-5.5c-0.1-0.1-0.1-0.3-0.3-0.1c-0.1,0.1-0.4,1,0,2.2c0.3,1.3,0.5,1.7,0.7,2.4              c0.2,0.5,0,0.8-0.8,0.8h-64.1c0,0,0-8.3,0-16.5c0-7.7,0-15.2,0-15.3c0-0.3,0-0.4-0.3-0.4h-3.4c-0.2,0-0.4,0.2-0.5,0.4              C88.9,14,81.2,24.4,73.6,32.3c-9.6,0-19,0-19.1,0c-0.3,0-0.3,0.1-0.5,0.4c-0.1,0.3-2.1,4.1-2.3,4.7c-0.2,0.3-0.1,0.5,0.3,0.5              c6.4,0,11.5,0.4,14.9,0.8C49.2,54.1,32.2,57.6,22.6,57.6c-22.9,0-21.6-20.4-6-23.3c0.7-0.1,1.5-1.5,1.2-1.4              c-25.3,4-21.5,29.4,4.2,29.4c12.1,0,31.1-3.6,51.1-22.7c6.1,1.3,10.5,3.2,12.4,4.5c0,0-0.1,0.1-0.1,0.1c-4.5-0.4-12.4,1.7-15,5.6              c-1,1.6-1.3,4-0.4,5.7c2.8,4.9,11.2,4,15.7,2.6c2.6-0.8,6.2-2.4,8.6-5.7v7.9c0,0.9,0.8,1,1.2,0.7c0.8-0.6,3.5-2.5,4.5-3.2              c0.1-0.1,0.3-0.2,0.3-0.5c0-0.1,0-2,0-4.8c3.1,1.5,11.2,5.5,12.1,5.9c1.2,0.5,1.4,0.4,1.7,0.2c1.2-0.8,1.2-0.8,3.5-2.5              c0.2-0.1,0.1-0.3-0.1-0.4c-0.2-0.1-11.3-5.7-11.3-5.7s5.6-4.1,6.9-5.1c1-0.8,0.3-1.6-0.2-1.6c-3.2,0-3.2,0-7.5,0              c-0.3,0-0.3,0.1-0.2,0.2c1,1.7-0.8,2.4-1.9,3.4c-3.8,2.8-1.1,0.9-3,2.3c0-5.3,0-11.2,0-11.2s64.9,0,65.2,0c0.3,0,0.4-0.2,0.6-0.5              c0.2-0.2,2-3.4,2.2-3.9C168.5,33.2,168.4,32.9,168.2,32.6z M88.6,50.5c-0.6,2.1-4.4,3.6-6.4,4.1c-2.2,0.5-7.4,1-6.5-2.4              c1.1-3.8,8.2-5.2,11.5-4.2C88.6,48.4,88.9,49.4,88.6,50.5z M94.3,46.4c-1.2-3-4.9-6.3-12.2-8.5c8.7,0,12.2,0,12.2,0              S94.3,41.9,94.3,46.4z M94.3,32.3c0,0-6.5,0-14.3,0c4.8-5.4,9.6-11.7,14.3-19.2v2.7V32.3z&amp;quot;/&amp;gt;   &amp;lt;/symbol&amp;gt; &amp;lt;/svg&amp;gt;</div>"

<?
        foreach ($arResult['rows'] as $row): ?>

            <?=htmlspecialcharsBack($row ['UF_IM']);?>

            <?=$row['UF_NAME']?>
            <?=$row['UF_DES']?>

        <? endforeach; ?>

https://prnt.sc/M4S5RfGEqWfO

[Sergey]

При выводе информации ничего не заметили?

var_dump($row ['UF_IM']) - вам изначально показывает, что данные в спец.символы закодированы для хранения в БД. Чтобы вывести, надо декодировать. У Битрикса для этого есть функция htmlspecialcharsBack. В Вашем случае она срабатывает, но как можно заметить на картинке, то ваш код svg картинки изначально в переменной в кавычках. И после использования функции, вы получаете не декодированный текст в кавычках. Поэтому, чтобы получить правильный код, нужно второй раз применить функцию:

<?=htmlspecialcharsBack(htmlspecialcharsBack($row ['UF_IM']));?>

Не нравится Битрикс функция? Есть php функция htmlspecialchars_decode (тоже два раза декодировать из-за svg в кавычках.

[Sergey]

p.s. не забудьте отметить вопрос решенным