Django QuillField在ModelForm模板中无法渲染问题求助

Admin能正常渲染说明模型配置和迁移没问题，前端模板里不显示核心是没加载Quill的静态资源和初始化编辑器，按以下步骤修改：

1. 在模板中加载Quill的静态文件 #

先在模板顶部加载static标签，然后引入Quill的CSS和JS文件：

{% load crispy_forms_tags %}
{% load static %}

<!-- 放在页面的<head>区域 -->
<link rel="stylesheet" href="{% static 'django_quill/css/quill.snow.css' %}">
<script src="{% static 'django_quill/js/quill.js' %}"></script>

2. 调整content字段的渲染结构 #

把模板里的{{ form.content }}替换成带容器的结构，方便初始化编辑器：

<div id="editor-container">
  {{ form.content }}
</div>

3. 添加编辑器初始化脚本 #

在表单结束后或者页面底部添加JS代码，初始化Quill并同步内容到表单字段：

<script>
  // 初始化Quill编辑器
  var quill = new Quill('#editor-container .ql-editor', {
    theme: 'snow'
  });

  // 同步编辑器内容到隐藏的textarea，确保表单提交时能获取到内容
  var contentTextarea = document.querySelector('textarea[name="content"]');
  quill.on('text-change', function() {
    contentTextarea.value = quill.root.innerHTML;
  });
</script>

额外修复：图片上传的问题 #

你的views.py里创建表单时没传入request.FILES，会导致图片字段无法正常上传，修改views.py的这一行：

form = UserPostForm(request.POST or None, request.FILES or None)

按以上步骤修改后，前端的Quill编辑器应该就能正常渲染并工作了。

内容的提问来源于stack exchange，提问作者Josh Crouse