让 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',)

对此我有两个问题：

1. 我可以让 Django 将notes字段渲染为divwithcontenteditable=true而不是 textarea 吗？
2. 如果是，如何自动化 form.save() 方法？

第二个问题有点模糊，所以我将不胜感激有关第一个问题的提示。我已阅读文档，但找不到相关部分:(

Answer 1

问题 1：渲染具有特定 HTML 标签的字段

在这种情况下，<div contenteditable="true">...</div>

您可以自定义用于呈现表单字段的小部件。基本上，当您声明该字段时，您必须传递参数widget=TheWidgetClass。Django 有很多可以使用的内置小部件。但您也可以定义自己的。要了解如何操作，您可以在 Internet 上找到许多资源。只需在搜索引擎或 SO 上搜索“django create custom widget”即可。可能的答案：Django：如何构建自定义表单小部件？

由于 Django 没有提供任何关于如何创建自定义小部件的官方文档，因此最明智的方法是创建一个继承Django 的 TextArea 的类，并使用基于原始模板的自定义 html 模板。

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

基本上，您必须确保 div 标记的值与其他输入值一起在 POST 数据中发送到表单的目标视图。换句话说，您必须确保 div 的内容与任何表单字段的内容一样。也许这个问题可以帮助您：一种解决方案是当用户单击“提交”按钮时，使用 JavaScript 将 div 的内容复制到表单中的隐藏文本区域标记。

祝你好运 ;）