时间戳

首页 > 解决方案 > 如何在 django-widget-tweaks 的 render_field 标签中转义单引号？

django - 如何在 django-widget-tweaks 的 render_field 标签中转义单引号？

问题描述

我正在尝试使用 django-widget-tweaks 来呈现以下表单字段：

{% render_field profile_form.bio class+="form-control" id="bio" rows="3" oninput="showBtn('updateProfile')" %}

进入这个：

<textarea class="form-control" id="bio" rows="3" oninput="showBtn('updateProfile')"></textarea>

但是，当 Django 将小部件中的单引号更改为双引号时，我遇到了解析错误。

showBtnjs函数如下：

// Shows a button given an id
showBtn: function (selector) {
  let btn = document.getElementById(selector);
  btn.classList.remove("btn-hidden");
}

我使用 django-widget-tweaks 的原因是在模板中保持所有 html 类和属性隔离。

我已经尝试过的：

作为参考，这里是表单模型：

# forms.py
class ProfileForm(forms.ModelForm):
    class Meta:
        model = Profile
        fields = ["bio"]

和原始模型：

# models.py
class Profile(models.Model):
    """ Non-auth related user information about an user"""
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    bio = models.TextField(max_length=500, blank=True)

标签： djangodjango-templatesdjango-widget-tweaks

解决方案

好的......这就是我最终解决它的方法。

不是使用类似于普通 HTML 属性的语法（这就是我首先喜欢 django-widget-tweaks 的原因），而是使用包的模板标签。但这就像一些错误的解决方法 django-widget-tweaks。

{% render_field profile_form.bio|add_class:"form-control"|attr:"id:bio"|attr:"rows:3"|attr:"oninput:showBtn('updateProfile')" %}

这样oninput属性就被正确解析了。

推荐阅读