时间戳

首页 > 解决方案 > 如何使用带有 Django 的所见即所得 HTML Javascript 编辑器将数据传递到数据库

javascript - 如何使用带有 Django 的所见即所得 HTML Javascript 编辑器将数据传递到数据库

问题描述

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

我的 HTML

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

我似乎无法弄清楚如何将自定义所见即所得编辑器与此变量相关联。我确实有一个模型，这不是问题。我能够使用适当的 Django 模型来利用所有其他字段，并且效果很好。当我尝试在我的 HTML 中定义一个所见即所得编辑器时，我似乎无法弄清楚如何将它与特定字段相关联。我正在尝试将表单提交到带有相关 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 编辑器与我的图书字段相关联。

标签： javascriptdjangopython-3.xdjango-formswysiwyg

解决方案

发现以下 HTML 成功地将变量名传达回 Django。

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

推荐阅读