我正在开发一个小型编辑器,以将小部件(HTML,CSS和Javascript)添加到站点。


用户在一个字段中输入小部件代码。
验证时,小部件的代码将添加到页面中。
用户可以编辑代码(从DOM检索)。


除了我在检索javascript代码时遇到问题。确实,它执行得很好,但是从DOM中消失了。有件事让我逃脱了!

我在这里简化了我的问题:
HTML代码:

<textarea id="code">
    &lt;script type=&quot;text/javascript&quot;&gt;alert(&quot;code&quot;);&lt;/script&gt;
</textarea>
<div id="target"></div>


JavaScript代码:

$("#target").html($("#code").val());
alert($("#target").html());


尝试一下:http://jsfiddle.net/8uhB8/3/

本示例插入javascript代码(一个简单的javascript警报)并尝试检索它。

你有什么主意吗?

谢谢!

最佳答案

$("#target").html($("#code").html());
alert($("#target").html());


Fiddle.

因为您使用的是HTML字符,所以在这种情况下需要使用.html()

09-10 10:40
查看更多