Django-compressor: 압축 후 svg 이미지 URL의 xml 구문 분석 오류

에 만든 2018년 05월 26일 · 2코멘트 · 출처: django-compressor/django-compressor

django_compressor를 사용하여 bootstrap.min.js를 압축했습니다.

XML 구문 분석 오류로 인해 navbar 축소 아이콘이 렌더링되지 않습니다.
나는 bootstrap4를 사용하고 있는데, bootstrap3에서 그런 문제에 직면하지 않았습니다.

나는 firefox에서 inspect 요소를 사용하여 차이점을 보았습니다.

오류 없음 (압축 없음)

.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-compressor 2.2, Bootstrap 4.1.1을 사용하고 있습니다.

CSSMinFilter 로 인해 문제가 발생했습니다.

vdboor 에 2018년 06월 02일

👍4

모든 2 댓글

# 828의 변경 사항에도 불구하고 이것이 여전히 발생하고 있음을 확인할 수 있습니다.

Django 2.0, Python 3.6, django-compressor 2.2, Bootstrap 4.1.1을 사용하고 있습니다.

CSSMinFilter 로 인해 문제가 발생했습니다.

vdboor 에 2018년 06월 02일

👍4

csscompressor에 대한 해결 방법에서 차용하여 callback 경로 변경). 이렇게하면 rcssmin이 URL을 망가 뜨리는 것을 방지하는 rcssmin으로 전달하기 전에 데이터 URL의 공백을 "% 20"으로 대체합니다.

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과 중복 된 것으로 보입니다.

jsma 에 2019년 06월 10일

❤3

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Django-compressor: 압축 후 svg 이미지 URL의 xml 구문 분석 오류

가장 유용한 댓글

모든 2 댓글

관련 문제