【发布时间】:2017-04-05 08:32:40
【问题描述】:
我正在尝试将 SVG 精灵用于网站中的图标,如下所示:
<svg aria-hidden="true" class="icon">
<use xlink:href="{% static 'images/site-icons.svg#icon-twitter' %}"></use>
</svg>
但是这不起作用,因为 # 被 Django 转义了,所以我最终得到:
<svg aria-hidden="true" class="icon">
<use xlink:href="/static/images/site-icons.svg%23icon-twitter"></use>
</svg>
所以没有图标被渲染。
我已经隔离问题是转义,因为如果我将site-icons.svg 的内容粘贴到模板中,它就可以工作,然后做
<svg aria-hidden="true" class="icon">
<use xlink:href="#icon-twitter"></use>
</svg>
所以问题在于转义。
有谁知道如何避免这种逃避的发生?
【问题讨论】:
标签: python django svg escaping