将 HTML 元素追加到文本区域



目前,我正在为WordPress开发一个小的内容编辑器(仅限JavaScript)。临时我将所有内容保存在javascript对象中。起初我想用JSON字符串化对象,然后用php做剩下的事情。

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

现在的问题是如何...在写完整个编辑器之后,我傻了。

这就是我的做法 atm,它有效,但如果这是一个很好的节省解决方案,我就不知道:

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

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

你们怎么看?非常感谢您的任何反馈。:)

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

演示

对不起,那个无用的话题,这就是最后的答案:

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

最新更新