我正在开发一个小型编辑器,以将小部件(HTML,CSS和Javascript)添加到站点。
用户在一个字段中输入小部件代码。
验证时,小部件的代码将添加到页面中。
用户可以编辑代码(从DOM检索)。
除了我在检索javascript代码时遇到问题。确实,它执行得很好,但是从DOM中消失了。有件事让我逃脱了!
我在这里简化了我的问题:
HTML代码:
<textarea id="code">
<script type="text/javascript">alert("code");</script>
</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()
。