django - 使 Django 为 TextField 而不是 textarea 构建 contenteditable div

Question

在我的 Django 1.10 项目中，我有一个模型:

class Contact(models.Model):
    notes = models.TextField()

...和模型形式:

class ContactForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):    
        super(ContactForm, self).__init__(*args, **kwargs)   
        for field_name, field in self.fields.items():
            field.widget.attrs['class'] = 'form-control input-sm plain'
            if field.required == True: 
                field.widget.attrs['required'] = ''

    class Meta:
        model = Contact
        fields = ('notes',)

关于这个我有两个问题:

我可以让 Django 渲染 notes字段为 div与 contenteditable=true而不是textarea？

如果是，我如何自动化 form.save() 方法？

第二个问题有点含糊，所以我会很感激关于第一个问题的提示。我已经通读了文档，但找不到相关部分:(

Answer 1

问题 1:使用特定的 HTML 标记呈现字段

在这种情况下，<div contenteditable="true">...</div>
您可以自定义用于呈现表单字段的小部件。基本上，当您声明该字段时，您必须传递参数 widget=TheWidgetClass . Django 有很多 builtin widgets您可以使用。但是你也可以定义你自己的。要了解如何操作，您可以在 Internet 上找到许多资源。只需在搜索引擎或 SO 上搜索“django create custom widget”。可能的答案:Django: How to build a custom form widget?

由于 Django 没有提供任何关于如何创建自定义小部件的官方文档，最聪明的方法是创建一个继承 Django's TextArea 的类。并使用基于 original one 的自定义 html 模板.

问题 2:使用这样的自定义小部件自动化 form.save() 方法

基本上，您必须确保在 POST 数据中将 div 标记的值与其他输入值一起发送到表单的目标 View 。换句话说，您必须确保 div 的内容与任何表单字段的内容一样。
也许 this SO question可以帮助您:当用户单击提交按钮时，一种解决方案可能是使用 JavaScript 将 div 的内容复制到表单中隐藏的 textarea 标记。

祝你好运 ;)