javascript - jsonを動的に作成するときの未終了の文字列リテラルエラー

Question

スライドショープラグインに渡すjson変数を作成しようとしています。これはheadセクションのコードです：

<script type="text/javascript">
    var photos = []; 
    {% for service in company.services.all %}   
        photos.push({
            "firstline" : "{{service.name}}",
            "secondeline":"{{service.description|truncatewords_html:50}}"
        });
    {% endfor %}
</script>

service.descriptiondescriptionこのエラーの原因を使用して、htmlタグが含まれています：

unterminated string literal

Answer 1

おそらく引用符をエスケープしていません。service.description、HTMLであるため、引用符が含まれている場合があります。djangoを使用してJSコードに配置する場合、djangoは文字列の行き先を認識しないため、何もエスケープしません。したがって、「終了していない文字列リテラル」。

djangoコード内で、最初に文字列内の特殊文字をバックスラッシュでエスケープします。

Answer 2

使用escapejs：

{{service.description|truncatewords_html:50|escapesjs}}