将Quill编辑器的内容复制到隐藏字段后，如何使用烧瓶请求访问值

Question

尝试使用Quill.js。但似乎无法使用flask请求检索编辑器的内容。

这是相关的HTML

<form class='form-horizontal' method='POST' id="inputform"
action="/page/update/{{ data._id }}">
.
.
. 
<div class="form-group">
<div id="editor">
{{ data.body | safe }}
</div>
<input type="hidden" name="hiddenArea" id="hiddenArea" >
</div>
.
.

脚本是

<script>
$(document).ready(function () {
var toolbarOptions = [
.
.
.
];
var quill = new Quill('#editor', {
theme: 'snow',
modules: {
toolbar: toolbarOptions
}
});
var form = document.getElementById('inputform');
form.onsubmit = function() {
// Populate hidden form on submit
var hiddenBody = document.querySelector('hiddenArea');
var html = document.querySelector('.ql-editor').innerHTML;
hiddenBody.value = html;
return true;
}
});
</script>

然后我试着用一个包含的烧瓶程序来取回它

self.body = request.form.get('hiddenArea')

但这返回"到self.body，而同一例程中不使用Quill编辑器的其他字段工作得很好。感谢任何指点。

在浏览器上使用控制台后，我注意到在出现错误时，显示了以下消息。

61e6245db30ee84ae9c9ee16:543 Uncaught TypeError: Cannot set properties of null (setting 'value')
at form.onsubmit (:8080/page/goto_edit/61e6245db30ee84ae9c9ee16?:543:30)

感谢任何指点！

Answer 1

根据代码，

var form = document.getElementById('inputform');
form.onsubmit = function() {
// Populate hidden form on submit
var hiddenBody = document.querySelector('hiddenArea');
var html = document.querySelector('.ql-editor').innerHTML;
hiddenBody.value = html;

在4号线上，

change var hiddenBody = document.querySelector('hiddenArea')

至

change var hiddenBody = document.getElementById('hiddenArea')

对我来说就是这样。