当我将代码从textarea复制到div然后返回时,内容不再相同。为什么从textarea复制到div并且不保存状态?
<!doctype html>
<html>
<head>
</head>
<body>
<textarea id="ta" rows="10" cols="120"><p> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <ul><li>sfsD</li><li>sf234fw</li></ul> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </p></textarea>
<br>
<button>Button</button>
<div id="container"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$('button').click(function(){
$('#container').html($('#ta').val());
$('#ta').val($('#container').html());
});
</script>
</body>
</html>
所以,当我从textarea文本复制到div一切都很好。但是当我从div复制回textarea时,数值现在为
<p> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation </p>
<ul><li>sfsD</li><li>sf234fw</li></ul> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum." <p></p>
我不知道为什么会发生这种情况或如何解决它?有任何想法吗?这发生在FF和铬中。
将你的内容从textarea复制到div的原因是什么 - 可能有更好的地方存放它(只要你不需要它可见)?如果这将成为任何旧用户可以输入的textarea,则会有许多其他情况可能会自动更正您的标记。 – Pebbl