При сохранении кода с textarea всё, что после неё, отображается в нижнем блоке. Т.е. тупо детская ошибка: в textarea вставляется код(закрывающий тег соответственно) без какой либо обработки прям в потоке.
http://javascript.ru/play/4cdd9b498544d
код, который должен быть:
<textarea></textarea><font size="7" color="red">~~~~~~</font>
Получается код примерочной без обработки браузером:
<!DOCTYPE html>
<html>
<head>
<title>A Javascript Playground</title>
<script>
var path = '/modules/play/'
var editorPath = '/modules/play/codemirror/'
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="/modules/play/js/jquery.layout-latest.js"></script>
<script src="/modules/play/js/jquery-ui-latest.js"></script>
<script src="/modules/play/codemirror/js/codemirror.js" type="text/javascript"></script>
<script src="/modules/play/codemirror/js/mirrorframe.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/modules/play/play.css" />
</head>
<body>
<div class="ui-layout-center">
</div>
<div class="ui-layout-north">
<div class="edit_click" style="float:left">
<input type="button" id="save-button" accesskey="s" saving="Сохраняю.." value="Сохранить">
<input type="button" id="show-button" accesskey="r" value="Показать >>"></div>
<div style="float:right;margin-right:10px">На сайт <a href="/">javascript.ru</a></div>
</div>
<div class="ui-layout-south">
Введите код выше и нажмите <i>Показать</i>. Вы также можете <a id="full" href="#">Открыть код в полном окне</a><br/>
Сочетания (кроме Opera):<ul style="margin-top:0;margin-bottom:0">
<li>Alt-S: Сохранить</li>
<li>Alt-R: Показать</li>
</ul>
</div>
<div class="ui-layout-west">
<form action="http://testbin.ru/html" method="post" target="view">
<textarea class="code_input" id="code" name="code"><textarea></textarea><font size="7" color="red">~~~~~~</font>
</textarea>
</form>
</div>
<script src="/modules/play/play.js"></script>
</body>
</html>
