如何使用 Django 的 WYSIWYG HTML Javascript 编辑器将数据传递到数据库

Question

我花了一个早上的时间在 youtube 上查看了几个关于如何创建自己的 WYSIWYG 编辑器的教程。我测试了代码，它在测试环境中按预期工作。编辑器按照宣传的方式定制代码。但是，当我尝试将代码合并到 Django 应用程序中时，它不起作用。我尝试将我的 django form.variable 放在很多地方，但最终当我通过将用户数据放入新的 WYSIWYG 编辑器进行测试时，屏幕刷新并且我在页面上收到错误。我在 HTML 中使用 iframe。是否有直接的解决方案或更好地使用现有的众多所见即所得编辑器之一？我最终试图将数据保存到 Postgresql 数据库中。我似乎无法从屏幕获取数据到 postgresql 数据库。

我的HTML

<div class="textarea">
  {{ form.textarea }}
</div>

我似乎无法弄清楚如何将自定义所见即所得编辑器与该变量相关联。我确实有一个模型，这不是问题所在。我能够使用适当的 Django 模型来利用所有其他字段，并且工作正常。当我尝试在我的 HTML 中定义一个 WYSIWYG 编辑器时，我似乎无法弄清楚如何将它与特定字段相关联。我正在尝试将表单提交到具有相关 HTML 字段和修改的 Postgresql 数据库。也许我需要使用 Ajax 来做到这一点？我已经尝试使用 SummerNote，但遇到了同样的问题。编辑器显示在我的 HTML 中，但我试图将编辑器与我的 HTML 中的一个字段相关联，如下所示：

  <div class="spacer89">
    <label class="label6">Book</label>
      <div id="summernote"> 
        {{ form.book }}
     </div>
    </div>

        <script>
          $('#summernote').summernote({
            placeholder: '',
            tabsize: 2,
            width: 800,
            height: 200
          });

        </script>
    </div>

我没有使用 {{ form.as_p }}，我使用的是单独的变量名，似乎无法将 summernote 编辑器与我的图书领域相关联。

Answer 1

发现下面HTML成功将变量名传回Django

<textarea id="summernote" name="book"></textarea>

如何使用 Django 的 WYSIWYG HTML Javascript 编辑器将数据传递到数据库

How to pass data to database using WYSIWYG HTML Javascript Editor with Django

javascript

django

python-3.x

django-forms

wysiwyg