在对象属性的“js”脚本中应用 django 的模板过滤器

Question

我无法在对象属性的 js 脚本中使用 django 的模板过滤器。

这段代码返回一个js SyntaxError：

<script>
    {{ obj.geometry.geojson | safe }}
</script>

如果将过滤器应用于对象，则不会引发错误：

<script>
    {{ obj | safe }}
</script>

上面GeoJson文件的内容如下图所示：

{ "type": "Polygon", "coordinates": [ [ [ 3, 36 ], ... }

我显然不想将引号字符 (") 转义为 (")，因此我可以稍后通过 JSON.parse() 将其从字符串转换为对象。

Answer 1

在视图中生成新的 GeoJson 字符串并将其传递给类似如下的模板：

return render(
           request,
           'my_template.html',
           {'obj': obj, 'geo_json': json.dumps(obj.geometry.geojson)}
       )

现在你需要 GeoJson 内容的任何地方都使用它，如下所示：

<script>
    {{ geo_json | safe }}
</script>

更新：

您也可以通过context-processors 或template-tags 处理此问题，但这种方式可能很难且不必要...