Django-compressor: Ошибка синтаксического анализа xml в URL-адресе изображения svg после сжатия

Созданный на 26 мая 2018 · 2Комментарии · Источник: django-compressor/django-compressor

Я сжал bootstrap.min.js с помощью django_compressor

значок сворачивания панели навигации не отображается из-за ошибки синтаксического анализа XML.
Использую bootstrap4, с bootstrap3 с такой проблемой не сталкивался

Я увидел разницу, используя элемент проверки в firefox

Без ошибок (без сжатия)

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

это дает ошибку XML (после сжатия)

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3E%3C/svg%3E")
}

bug

Источник

hiamandeep

👍4

Самый полезный комментарий

Я могу подтвердить, что это все еще происходит, несмотря на изменения в # 828

Я использую Django 2.0, Python 3.6, django-compress 2.2, Bootstrap 4.1.1

Проблема вызвана CSSMinFilter

vdboor 2 июн. 2018

👍4

Все 2 Комментарий

Я могу подтвердить, что это все еще происходит, несмотря на изменения в # 828

Я использую Django 2.0, Python 3.6, django-compress 2.2, Bootstrap 4.1.1

Проблема вызвана CSSMinFilter

vdboor 2 июн. 2018

👍4

Заимствуя обходной путь для csscompressor , я добавил настраиваемый фильтр, чтобы обернуть rcssmin (замените CSSMinFilter в settings.COMPRESS_FILTERS строкой пути с точками для этого фильтра и измените путь callback ). Это заменит пробелы в URL-адресах данных на "% 20" перед передачей rcssmin, что предотвратит изменение URL-адресов rcssmin.

def compress(css, **kwargs):
    capture_svg = re.compile(r'url\("(data:image/svg.*?svg%3[Ee])\"\)')
    data_urls = re.findall(capture_svg, css)
    for data_url in data_urls:
        css = css.replace(data_url, data_url.replace(' ', '%20'))
    css = cssmin(css, **kwargs)
    return css


class CSSMinFilter(CallbackOutputFilter):
    callback = 'myapp.core.utils.compress'

Об этой проблеме также сообщили rcssmin .

К вашему сведению, эта проблема, похоже, дублирует № 878.