Javascript 将HTML元素附加到textarea

目前，我正在为wordpress开发一个小的内容编辑器（仅限于javascript）。我将所有内容保存在javascript对象中。起初，我想用JSON字符串化对象，然后用php完成其余的工作

但是。。。。由于它是一个实时编辑器，而且我已经在编辑器中获得了“最终”HTML代码，我想为什么要付出所有的努力，而不仅仅是保存用编辑器创建的HTML代码

现在的问题是如何。。。在写了整个编辑之后，我真是蠢到做不到这一点

我是这样做的atm，它可以工作，但我不知道这是否是一个好的节省解决方案：

点击“保存”后，只需将我的“内容”的html结构附加到属性为contenteditable=“true”的文本区域

---

你们觉得怎么样？非常感谢您的反馈。：）

问题在于

textarea

元素只接受纯文本。您需要的是另一个元素，例如设置了

contenteditable=“true”

的

。然后，您将能够向其附加HTML代码。在

textarea

上设置

contenteditable

属性不会做任何事情，因为它首先已经是可编辑的

---

对不起，这个没用的话题，这是最后的答案：

var content = $('#content').html();
$('#textarea').val(content);

---

我不明白这个问题？有什么问题？你不知道如何保存你的HTML，或者你不知道使用文本区是否是个好主意？是的，这就是问题所在，将生成的HTML保存到数据库的最佳方法是什么。很抱歉标题有误导性。但是如何将其保存到数据库？我需要将我的内容附加到一些在POST上解析并保存的元素。你必须使用JavaScript解析

div

的内容，并过滤掉任何标记，因此你只保留文本。谢谢你的帮助，Joey，但我想做的恰恰相反。我想保存我的内容的整个html结构，就像用所见即所得编辑器保存一样。也许我现在有点累了，但我想不出来。然后你只需获取div的HTML内容，并通过JavaScript将其提交到数据库。您不能以任何其他方式提交所见即所得编辑器的内容。您可以通过JavaScript将WYSIWYG编辑器的内容转换为

textarea

的内容，然后将表单提交到数据库，或者通过JavaScript中的XHR将内容提交到数据库我将尝试这两种方法，非常感谢Joey:）

var content = $('#content').html();
$('#textarea').val(content);