使用JavaScript访问DOM innerHTML的问题

Question

我使用Summernote WYSIWYG编辑器为用户提供编辑HTML模板的功能，并将更改存储到个性化区域。为此，我需要将一组文本字段以及编辑后的HTML发布到后端。

所有工作都按预期工作，但从可编辑DIV获取POST的HTML不会POST更新的DOM，即它是原始HTML模板，没有编辑。

如果我使用浏览器开发工具控制台，我可以使用'document.documentElement.outerHTML'来查看正确更新的DOM，但是当我设置变量以通过ID获取outerHTML元素时，我仍然只发布原始标记

脚本中的变量如下（基于其他StackOverflow答案）：

var content = $('#template_text')[0].outerHTML;

如上所述，这允许我发布DIV的内容，但不会POST用户对模板所做的更新。

我尝试过使用innerHTML, outerHTML, html()，但最终会得到相同的结果。如果我在变量中使用document.documentElement.outerHTML，则POST更新的值，但是发送整个文档，而不仅仅是DIV（我只想要DIV）。

非常感谢任何帮助。

Answer 1

我们可以使用图书馆的文档化方式，而不是操纵DOM，

var editedText = $('#summernote').summernote('code');

希望这有帮助！