将HTML元素附加到textarea

时间:2014-02-23 15:05:08

标签: javascript jquery html

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

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

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

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

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

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

你们觉得怎么样?非常感谢任何反馈。 :)

2 个答案:

答案 0 :(得分:1)

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

Demo

答案 1 :(得分:0)

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

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