Вот немного кода в тему.
Песочница в песочнице )))
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<textarea id ="text1" style="border:1px dotted #FF0000; width:100%; padding:5px;height:100px; overflow:auto">
Привет я HTML
<script>
alert('привет я из песочницы');
</script>
</textarea>
<button onClick="clicker()">RUN</button>
<div id="test"> </div>
<script>
clicker=function(){
$("#p").remove();// удалим фрейм а то вдруг он уже есть :)
$("#test").append('<iframe id="p"> </iframe>');
$("#p").contents().find("body").html( $("#text1").val() );
};
</script>
Впрочем пример далёк от совершенства, тут есть над чем подумать.
В частности с jqueru бадяга какая-то творится. Он чихает на фреймы ))
Предполагаю что поможет реализация песочницы на голом JS.