javascript - 将数据从 TextField 传递到网页

Question

我在 Django 中有一个带有 TextField 的模型。我想通过

将信息从该 TextField 传递到网页上

return render(request, 'index.html', {
    'textFieldValue': textFieldValue,
    'context': RequestContext(request),
})

我遇到的问题是，由于 TextField 可以包含新行，因此当它通过执行以下操作传递到我的网页时:

var textFieldValue = "{{ textFieldValue }}";

它变成:

var textFieldValue = "Testing string is this. 
New line abcde
Second new lineabcde";

由于 TextField 中有几行，从而破坏了 JavaScript var 模板，这将返回错误。有没有办法解决这个问题？我是否需要将字符串拆分为每行的数组，然后将其传递到我的网页，并有一个函数来解析它？

我也尝试过:

var textFieldValue = "{{ textFieldValue|safe }}";

但其实是一样的。

我想这样做是因为我想将其粘贴到我页面上的 textarea 中，它看起来像 TextField 应该在 Django admin 中显示的内容。

我想将来像 "、' 引号、@# 等符号会出现问题。

对我来说最好的方法是什么？

Answer 1

您可以使用Django内置的escapejs过滤器(文档 here ):

{{ value|escapejs }}

e.g, If value is "testing\r\njavascript \'string" <b>escaping</b>", the output will be "testing\\u000D\\u000Ajavascript \\u0027string\\u0022 \\u003Cb\\u003Eescaping\\u003C/b\\u003E".

注意:这并不能使字符串在 HTML 中安全使用，但可以保护您在使用模板生成 JavaScript/JSON 时免受语法错误的影响。