将HTML元素附加到textarea

Question

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

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

现在的问题是如何...在写完整个编辑之后，我不敢这样做。

我就是这样做的atm，它有效，但我不知道如果这是一个很好的保存解决方案来做到这一点：

点击“保存”后，只需将“内容”的html结构附加到textarea，其属性为contenteditable =“true”。

$('#contentHolder').append($('#content'));

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

Answer 1

问题是textarea个元素只接受纯文本。您需要的是另一个元素，例如<div>，并设置了contenteditable="true"。然后，您就可以向其添加HTML代码了。在contenteditable上设置textarea属性不会执行任何操作，因为它首先已经可以编辑。

Demo

Answer 2

对于那个无用的话题感到抱歉，最后答案就是答案：

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