Javascript 如何存储DIV值？（羽毛笔）

问题: 当我将文本添加到DIV（Quill TextEditor）并点击save按钮时，我注意到文本没有保存在数据库中。DIV应该保存模型的Description属性的值

我怎样才能解决这个问题

视图：

var quill=新的quill（“#编辑器容器”{
模块：{
工具栏：[
[{头：[1，2，false]}]，
[“粗体”、“斜体”、“下划线”]，
[“图像”，“代码块”]
]
},
占位符：“创作史诗…”，
主题：“雪”//或“泡泡”
});

由于DIV不是输入元素，我添加了一个输入元素并将其隐藏

type=“hidden”

。通过JavaScript，当用户点击Submit按钮时，我用Quilljs编辑器值填充输入元素

我就是这样解决的

<div class="form-group">
    <label asp-for="Description" class="control-label"></label>
    <input asp-for="Description" name="Description" type="hidden" class="form-control" />
    <div id="editor-container" name="editor-container"></div>
    <span asp-validation-for="Description" class="text-danger"></span>
    <script>
        var quill = new Quill('#editor-container', {
            modules: {
                toolbar: [
                    ['bold', 'italic'],
                    ['link', 'blockquote', 'code-block', 'image'],
                    [{ list: 'ordered' }, { list: 'bullet' }]
                ]
            },
            placeholder: 'Compose an epic...',
            theme: 'snow'
        });

        var form = document.querySelector('form');
        form.onsubmit = function () {
            // Populate hidden form on submit
            var description = document.querySelector('input[name=Description]');
            description.value = JSON.stringify(quill.getContents());

            console.log("Submitted", $(form).serialize(), $(form).serializeArray());
        };
    </script>
</div>

var quill=新的quill（“#编辑器容器”{
模块：{
工具栏：[
[“粗体”、“斜体”]，
['link'，'blockquote'，'code block'，'image']，
[{list:'ordered'}，{list:'bullet'}]
]
},
占位符：“创作史诗…”，
主题：“雪”
});
var form=document.querySelector（'form'）；
form.onsubmit=函数（）{
//提交时填充隐藏表单
var description=document.querySelector（'input[name=description]'）；
description.value=JSON.stringify（quill.getContents（））；
log（“Submitted”、$（form.serialize（）、$（form.serializeArray（））；
};

由于DIV不是输入元素，我添加了一个输入元素并将其隐藏

type=“hidden”

。通过JavaScript，当用户点击Submit按钮时，我用Quilljs编辑器值填充输入元素

我就是这样解决的

<div class="form-group">
    <label asp-for="Description" class="control-label"></label>
    <input asp-for="Description" name="Description" type="hidden" class="form-control" />
    <div id="editor-container" name="editor-container"></div>
    <span asp-validation-for="Description" class="text-danger"></span>
    <script>
        var quill = new Quill('#editor-container', {
            modules: {
                toolbar: [
                    ['bold', 'italic'],
                    ['link', 'blockquote', 'code-block', 'image'],
                    [{ list: 'ordered' }, { list: 'bullet' }]
                ]
            },
            placeholder: 'Compose an epic...',
            theme: 'snow'
        });

        var form = document.querySelector('form');
        form.onsubmit = function () {
            // Populate hidden form on submit
            var description = document.querySelector('input[name=Description]');
            description.value = JSON.stringify(quill.getContents());

            console.log("Submitted", $(form).serialize(), $(form).serializeArray());
        };
    </script>
</div>

var quill=新的quill（“#编辑器容器”{
模块：{
工具栏：[
[“粗体”、“斜体”]，
['link'，'blockquote'，'code block'，'image']，
[{list:'ordered'}，{list:'bullet'}]
]
},
占位符：“创作史诗…”，
主题：“雪”
});
var form=document.querySelector（'form'）；
form.onsubmit=函数（）{
//提交时填充隐藏表单
var description=document.querySelector（'input[name=description]'）；
description.value=JSON.stringify（quill.getContents（））；
log（“Submitted”、$（form.serialize（）、$（form.serializeArray（））；
};

div不是输入元素。它们用于显示/页面结构。提交表单时，div的内容不会被发回。这个羽毛笔插件是否创建了一个文本区域或者你可以阅读的东西？它可能需要一个“name”属性来匹配模型中的名称。现在我认为您正在将该属性赋予div（使用asp for），这不会产生任何效果。查看插件的文档，了解它是如何捕获数据的，以及如何在表单中使用数据问题是QuillJS不支持标记，但它可能会在后台创建一个标记作为输入曲面？JS可以动态地创建元素，我相信您一定知道。或者，它提供了另一种方法，您可以通过该方法检索要发回的内容。你不可能是第一个想做这件事的人，我相信创作者一定会想到这一点。毕竟，如果无法保存，那么通过插件输入数据又有什么意义呢？是否没有与此主题相关的文档或第三方资源？DIV的可能副本不是输入元素。它们用于显示/页面结构。提交表单时，div的内容不会被发回。这个羽毛笔插件是否创建了一个文本区域或者你可以阅读的东西？它可能需要一个“name”属性来匹配模型中的名称。现在我认为您正在将该属性赋予div（使用asp for），这不会产生任何效果。查看插件的文档，了解它是如何捕获数据的，以及如何在表单中使用数据问题是QuillJS不支持标记，但它可能会在后台创建一个标记作为输入曲面？JS可以动态地创建元素，我相信您一定知道。或者，它提供了另一种方法，您可以通过该方法检索要发回的内容。你不可能是第一个想做这件事的人，我相信创作者一定会想到这一点。毕竟，如果无法保存，那么通过插件输入数据又有什么意义呢？是否没有与此主题相关的文档或第三方资源？可能的副本